国产激情自拍_国产9色视频_丁香花在线电影小说观看 _久久久久国产精品嫩草影院

首頁 > 擴展 > jQuery > 正文

學習JQUERY,寫的簡單下拉菜單！

2024-09-06 20:04:41
字體：大 中 小
來源：轉載
供稿：網友

HTML代碼：

 

[html] view plaincopy
 
  1. <!DOCTYPE html>  
  2. <html>  
  3.     <head>  
  4.         <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs  
  5. /jquery/1.7.2/jquery.min.js"></script>  
  6.         <title>side menu</title>  
  7.     </head>  
  8.     <body>  
  9.         <div id="menu">  
  10.             <div class="m-one">  
  11.                 <span class="m-tit">主菜單01</span>  
  12.                 <ul class="m-ul">  
  13.                     <li class="m-li">子菜單11</li>  
  14.                     <li class="m-li">子菜單12</li>  
  15.                     <li class="m-li">子菜單13</li>  
  16.                 </ul>  
  17.             </div>  
  18.             <div class="m-one">  
  19.                 <span class="m-tit">主菜單02</span>  
  20.                 <ul class="m-ul">  
  21.                     <li class="m-li">子菜單21</li>  
  22.                     <li class="m-li">子菜單22</li>  
  23.                     <li class="m-li">子菜單23</li>  
  24.                 </ul>  
  25.             </div>  
  26.             <div class="m-one">  
  27.                 <span class="m-tit">主菜單03</span>  
  28.                 <ul class="m-ul">  
  29.                     <li class="m-li">子菜單31</li>  
  30.                     <li class="m-li">子菜單32</li>  
  31.                     <li class="m-li">子菜單33</li>  
  32.                 </ul>  
  33.             </div>  
  34.             <div class="m-one">  
  35.                 <span class="m-tit">主菜單04</span>  
  36.                 <ul class="m-ul">  
  37.                     <li class="m-li">子菜單41</li>  
  38.                     <li class="m-li">子菜單42</li>  
  39.                     <li class="m-li">子菜單43</li>  
  40.                 </ul>  
  41.             </div>  
  42.             <div class="m-one">  
  43.                 <span class="m-tit">主菜單05</span>  
  44.                 <ul class="m-ul">  
  45.                     <li class="m-li">子菜單51</li>  
  46.                     <li class="m-li">子菜單52</li>  
  47.                     <li class="m-li">子菜單53</li>  
  48.                 </ul>  
  49.             </div>  
  50.         </div>  
  51.     </body>  
  52. </html>  

CSS代碼：

 

 

[css] view plaincopy
 
  1. #menu {}  
  2. .m-one {float:left;width:100px;height:40px;line-height:40px; text-align:center; background:#eeeeee;}  
  3. .m-one:hover{background:#dddddd;}  
  4. ul,li {list-style:none; margin:0;padding:0;}  
  5. .m-ul {background:#dddddd; display:none;}  
  6. .m-li {font-size:12px; height:25px; line-height:25px;}  
  7. .m-li:hover {background:#cccccc;}  

 

JQUERY代碼：

 

[javascript] view plaincopy
 
  1. $(document).ready(function() {  
  2.                 $('.m-one').hover(  
  3.                     function(){$(this).children('.m-ul').slideDown(200);},  
  4.                     function(){$(this).children('.m-ul').slideUp(200);}  
  5.                 );  
  6.             });  

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
国产激情自拍_国产9色视频_丁香花在线电影小说观看 _久久久久国产精品嫩草影院
精品一区二区在线欧美| 国产福利在线| 欧美黑人乱大交| 国产在线视频精品视频免费看| 亚洲精品影视在线| 亚洲精品乱码电影在线观看| 亚洲字幕成人中文在线观看| 欧美日韩一区二区三区视视频| 久热久精久品这里在线观看| 日本片在线看| 日本中文字幕在线2020| 国产成人午夜| 欧美性猛交xxxxbbbb| 国产羞羞视频在线观看| av福利在线观看| 综合激情丁香| 免费一区二区三区视频狠狠| 国产福利三区| 黄色毛片在线| 欧美96在线| 中文乱码字幕av网站| 国产精品自产拍在线网站| 中文天堂av| 国产黄a三级三级三级av在线看| 香蕉视频在线观看www| 国产亚洲精品久久久久久移动网络| 亚洲激情丁香| 一二三四区在线观看| 国产一二三区在线| 激情四房婷婷| 嫩草在线播放| 欧美高清视频| www.久草.com| 亚洲国产精品区| 在线一区二区三区精品| 国产日韩欧美一区二区三区视频| 九九精品视频在线观看九九| 欧美精品小视频| 免费中文字幕| 免费观看v片在线观看| 在线观看免费观看在线91| 国产二级片在线| 国产激情在线观看| 国产福利小视频在线观看| 国产区高清在线| 国产视频福利| 国产传媒在线播放| 夜夜操天天干| 久久久久久久久久久久久91| 国产在线观看a视频| 免费视频中文字幕| 国产免费视频在线| 成在在线免费视频| 国产一级免费| 国产丝袜在线播放| 国产高清在线看| 在线观看中文字幕| 欧美日韩一区二区三区在线播放| 麻豆精品免费视频入口| 天天av天天爱| 精品久久久久一区二区三区| av在线中文| 最近最好的中文字幕2019免费 | 国产一二区视频| 五月婷婷丁香激情| 91蜜桃在线视频| 日本成人网址| 国产精品久久麻豆| www操操操| 国产色在线观看| 欧美婷婷久久五月精品三区| 中文字幕在线影视资源| 亚洲妇熟xxxx妇色黄| 最新国产在线精品91尤物| 在线视频观看亚洲| 天天av天天爽| 亚洲精品aaaa| 国产wwww| 国产69精品久久app免费版| 精品欧美色视频网站在线观看| 久草一本av| 四虎成人欧美精品在永久在线 | 最近最好的中文字幕2019免费| 精品国产二区三区| 国产香蕉视频在线观看| 九九热在线观看视频| 亚洲第一成年免费网站| 国产精品入口麻豆免费观看| 精品中文字幕不卡在线视频| 在线视频色在线| 国产精品视频流白浆免费视频| av中文网站| 精品国产免费观看一区| 中文字幕日本在线观看| 黄网在线免费| 欧美高清视频| 日本高清中文字幕| 奇米影视狠狠狠| 日韩国产成人| 日本一二三区视频免费高清| 99综合精品久久| 亚洲精品天堂在线| jlzzjlzz欧美| 黄色电影网站在线观看| 丁香综合五月| 中文字幕日本在线观看| 国产精品一区二区三区四区色| 日本高清不卡中文字幕| 免费精品国产自产拍观看| 麻豆精品视频入口| 国产精品一区二区婷婷| 国产精品视频一区二区免费不卡| 午夜国产在线| 国产超碰在线| 牛牛精品视频在线| 最新av中文字幕| 精品国产丝袜高跟鞋| 亚洲成av人影片在线观看 | 亚洲一道本在线| 亚洲成人av在线影院| 国产在线免费观看| 国产日韩欧美一区二区三区视频| 国产精品伦一区二区三区级视频频| 91在线视频免费看| 欧美性猛交xxxxbbbb| 国产一级免费在线观看| 一本免费视频| 国产69精品久久久久孕妇国产69久久 | 国产传媒在线播放| av文字幕在线观看| 开心激情五月婷婷| 国产爆初菊在线观看免费视频网站| 在线免费国产| 天天操人人爽| www.jizz在线观看| 国产一级二级在线| av中文网站| 国产亚洲精品一区二区在线观看| 香蕉视频在线看| 国产高清免费视频| 国产一级免费在线观看| 免费看ww视频网站入口| 夜夜嗨yeyeh| 国产不卡视频| 国产区av在线| 成人亚洲一区二区三区| 日本免费不卡| 日本福利午夜视频在线| 亚洲综合在线网| 国产99re| 精品无人乱码| 国产国产国产国产国产国产 | 国产一级粉嫩xxxx| 九七电影韩国女主播在线观看| 99免费视频| 怡红院av在线| 一本大道久久精品| 国产精品伦理一区二区三区| 国产亚av手机在线观看| 国产天堂视频| 91亚洲欧美| 亚洲视频在线网| av中文资源在线| jlzzjlzz欧美大全| 超碰免费97在线观看| 黄色av网站在线免费观看| 激情丁香婷婷| 九九免费视频| 午夜视频99| 国产www在线观看| 伊人影院在线播放| 蜜桃av在线免费观看| 欧美亚洲天堂| 玖玖在线视频| 国产一级黄色片免费| 国产盗摄精品一区二区酒店| 国产99在线|亚洲| 在线观看中文字幕一区| www.蜜桃av| 国产激情自拍视频| 在线观看中文字幕| 九七电影韩国女主播在线观看| 中文字幕不卡| 香蕉视频网站在线播放| 天天操天天操天天色天天要| 精品一区二区三区在线观看l| www.操操| 91caoporn在线| 亚洲欧美精品日韩欧美| 国产美女视频一区二区三区| 国产精品伦一区二区三区视频| 四虎成年永久免费网站| 国产精品探花在线| 亚洲成人在线播放| 日韩av成人| 国精一区二区三区| 亚洲精品手机在线| 国产超碰在线观看| 国产美女在线一区二区三区| 一本大道五月香蕉|