亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 擴展 > 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.             });  

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩成人在线视频网站| 色悠悠久久88| 久久综合久中文字幕青草| 久久九九免费视频| 亚洲午夜国产成人av电影男同| 国产不卡一区二区在线播放| 久久亚洲欧美日韩精品专区| 欧美精品久久久久久久| 欧美精品激情在线| 欧美在线视频网站| www.亚洲男人天堂| 亚洲精品国产suv| 97视频在线观看免费高清完整版在线观看| 秋霞成人午夜鲁丝一区二区三区| 亚洲精品免费在线视频| 国产成人在线视频| 在线国产精品播放| 国产精品视频精品视频| 最新91在线视频| 欧美日韩中文字幕在线| 亚洲欧美自拍一区| 久久久久久久999精品视频| 国产精品久久久久久久久久新婚| 日韩免费不卡av| 亚洲精品天天看| 亚洲护士老师的毛茸茸最新章节| 欧美大胆在线视频| 中文字幕日韩电影| 中文字幕欧美日韩va免费视频| 日韩亚洲第一页| 亚洲三级av在线| 亚洲精品国产欧美| 国产精品伦子伦免费视频| 欧美日韩色婷婷| 国产精品海角社区在线观看| 亚洲成年网站在线观看| 俺去啦;欧美日韩| 91影院在线免费观看视频| 精品国产一区二区三区在线观看| 高清欧美性猛交xxxx黑人猛交| 中文字幕日韩av综合精品| 精品久久久久人成| 日韩中文字幕免费视频| 亚洲小视频在线观看| 日韩视频在线观看免费| 91在线免费视频| 亚洲国产美女精品久久久久∴| 欧美一区二粉嫩精品国产一线天| 国产精品高潮呻吟久久av无限| 欧美性高潮在线| 国产精品小说在线| 有码中文亚洲精品| 国产精品丝袜久久久久久不卡| 欲色天天网综合久久| 日韩av综合中文字幕| 亚洲精品美女网站| 亚洲网站在线播放| 国产精品7m视频| 亚洲精品国产拍免费91在线| 中文字幕亚洲天堂| 精品久久久久人成| 国产精品91一区| 欧美午夜精品久久久久久浪潮| 中文字幕自拍vr一区二区三区| 欧美成人午夜激情| 日韩欧美国产一区二区| 亚洲影院在线看| 一区二区av在线| 精品美女国产在线| 97热在线精品视频在线观看| 日韩av在线免播放器| 国产精品久久久久久久9999| 精品久久香蕉国产线看观看亚洲| 亚洲香蕉伊综合在人在线视看| 日韩av中文字幕在线| 亚洲国产精品yw在线观看| 福利微拍一区二区| 欧美视频专区一二在线观看| 91社区国产高清| 91在线高清免费观看| 综合136福利视频在线| 黄色一区二区在线观看| 日本人成精品视频在线| 亚洲一区二区精品| 亚洲丝袜一区在线| 欧美激情在线观看| 欧美激情在线视频二区| 国产成人精品av| 国产精品高潮呻吟久久av无限| 日韩欧美成人区| 2019亚洲日韩新视频| 国产精品扒开腿做| 欧美视频在线观看免费| 久青草国产97香蕉在线视频| 日韩免费在线播放| 亚洲人成在线观| 亚洲999一在线观看www| 91精品在线国产| 欧美午夜xxx| 亚洲欧美在线免费观看| 亚洲黄色免费三级| 深夜成人在线观看| 国产美女扒开尿口久久久| www.国产一区| 日韩在线观看网站| 国产午夜精品一区二区三区| www国产精品视频| 欧美黑人一级爽快片淫片高清| 青草青草久热精品视频在线网站| 在线观看91久久久久久| 一区二区在线视频播放| 亚洲精品成a人在线观看| 一区二区三区高清国产| 亚洲国产精品va在线看黑人动漫| 国产精品v片在线观看不卡| 日本久久精品视频| 国产精品扒开腿做爽爽爽的视频| 国产一区二区视频在线观看| 日本欧美中文字幕| 日韩中文字幕亚洲| 国产精品∨欧美精品v日韩精品| 欧美中文字幕在线视频| 欧美成人久久久| 国产精品丝袜久久久久久不卡| 国产欧美日韩高清| 亚洲欧洲日本专区| 国产狼人综合免费视频| 欧美中文字幕第一页| 欧美日韩国产精品一区二区不卡中文| 亚洲老司机av| 国产精品日韩在线一区| 亚洲精品福利免费在线观看| 国产精品色悠悠| 国产v综合v亚洲欧美久久| 亚洲女在线观看| 日本欧美国产在线| 亚洲片在线观看| 国内精品久久久久影院 日本资源| 日韩在线观看免费av| 国产suv精品一区二区三区88区| 亚洲国产一区二区三区在线观看| 2021久久精品国产99国产精品| 亚洲品质视频自拍网| 色偷偷av一区二区三区| 日韩成人av一区| 一个人看的www欧美| www国产亚洲精品久久网站| 日韩精品中文字幕在线| 欧美日韩亚洲激情| 日韩三级成人av网| 在线中文字幕日韩| 欧美性视频精品| 欧美日本在线视频中文字字幕| 欧美性xxxxx| 精品亚洲国产视频| 亚洲精品成人网| 亚洲男人天堂2023| 久久成人精品一区二区三区| 国产精品aaa| 久久精品国产欧美激情| 久久久亚洲成人| 亚洲精品久久久久久久久久久久| 国产精品羞羞答答| 国精产品一区一区三区有限在线|