jQuery 選單小練習 實現點選和移動滑鼠效果

這個**的練習是點選事件後 如何用jquery聯動的方式找到相關標籤

實現的結果是點選選單一或者選單二等 會出現相關菜品,並隱藏其他菜品.滑鼠移動才菜品上會在右側框內出現相關菜品的**.實現特殊的效果.

1

doctype html
>
2<
html 
lang
="en"
>
3<
head
>
4<
meta 
charset
="utf-8"
>
5<
title
>title
title
>
6<
script 
src="jquery-3.2.1.js"
>
script
>
7<
style
>8*
11#left
18#right
28.menu1,.menu2,.menu3
32#left p
40.show p
43.show
46#no1
49#no2
52style
>
53head
>
54<
body
>
55<
div 
id="left"
>
56<
div 
class
="menu1"
onclick
="touch(this)"
>
選單一57
<
div 
class
="show"
a="no1"
onmouseover
="money(this)"
>
58<
p>紅 燒 魚
p>
59<
p>啤 酒 鴨
p>
60<
p>土 豆 絲
p>
61div
>
62div
>
63<
div 
class
="menu2"
onclick
="touch(this)"
>
選單二64
<
div 
class
="show"
a="no2"
onmouseover
="money(this)"
>
65<
p>螃  蟹
p>
66<
p>魷  魚
p>
67<
p>大  蝦
p>
68div
>
69div
>
70<
div 
class
="menu3 "
onclick
="touch(this)"
>
選單三71
<
div 
class
="show"
a="no3"
onmouseover
="money(this)"
>
72<
p>炒  面
p>
73<
p>炒  飯
p>
74<
p>混  沌
p>
75div
>
76div
>
77div
>
7879
<
div 
id="right"
>
80<
div 
id="no1"
class
="show"
>選單1 --- 總價 $588$
div>
81<
div 
id="no2"
class
="show"
>選單2 ---總價 $888$
div>
82<
div 
id="no3"
class
="show"
>選單3 ---總價 $188$
div>
83div
>
84<
script
>
85function
touch(ev) 
90function
money(ev) 
96script
>
97body
>
98html
>

jQuery相關小練習

doctype html en utf 8 viewport content width device width,initial scale 1.0 document title container contain contain li active title li style head con...

jquery的一次點選實現

1.專案中需要實現乙個需求，第乙個點選的時候允許彈出dialog物件框，第二次不允許，除非重新重新整理頁面 2.在js的click事件中定義乙個標籤屬性 相當於設定乙個全域性變數 var auclot 上拍 3.變數定義的位置 在登入之後的index.html頁面，設定全域性變數 var baseu...

jquery實現Tab選項卡選單

預設選中 科技 當滑鼠懸停在 新聞 上時 科技 li li 新聞 li li 體育 li li 財經 li ul div class tab content div class active txt 伴隨著中國移動 微博 成功牽頭5g系統設計，其4g使用者的規模也達到了驚人的數量。在今日舉行的第七屆...