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

首頁 > 網站 > 實用代碼 > 正文

網站導航菜單，JS兩級橫向布局

2024-09-05 12:20:40

字體：大中小

來源：轉載

供稿：網友

一個網站導航菜單，兩級菜單，橫向排列，鼠標放上即激活菜單，然后顯示對應項的二級菜單項，初步完成，沒有美化，要用的朋友自己動手，豐衣足食。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">   <head><title>網站導航菜單，JS兩級橫向布局</title>   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><style>   body {           text-align: center;           background: #FFF;           font: 12px Tahoma, sans-serif;           color: #000;   }   img {           border: 0;   }   ul,li {           list-style:none;   }   * {           margin: 0;           padding: 0;   }   .clear {           clear: both;           margin: 0 auto;           display: block;           font: 0/0 sans-serif;           height: 3px;   }   .head {           margin: 0 auto;           width: 760px;   }   .headl {           width: 10px;           float: left;   }   .headr {           width: 750px;           float: right;           padding: 8px 0 0 0;   }   .headt {           padding-top: 8px;           font-size: 14px;   }   .head li {           display: inline;   }   .head li a {           background: #E9F2FF;           border: 1px solid #CCC;           padding: 2px 15px;   }   .head li a:hover {           background: #B3D3FF;           text-decoration: none;           color: #D30102;   }   </style>   </head>   <body>   <script type="text/javascript">   function fetch_object(idname)   {    var my_obj = document.getElementById(idname);    return my_obj;   }   function toggle_nav(obj)   {    for (i = 1; i<= 9; i++ )    {     var sub_nav = fetch_object("sub_nav_" + i);     var sub_nav_index = fetch_object("sub_nav_0");     sub_nav_index.style.display = "none";     if (obj == i)     {      sub_nav.style.display = "block";     }     else    {      sub_nav.style.display = "none";     }    }   }   </script>   <div   id="4i4mu44"   class="head">           <div   id="e0ekcuq"   class="headl"></div>           <div   id="qmkoqqs"   class="headr">                   <ul>                   <li onmouseover="javascript:toggle_nav(1)">首頁</li>                   <li onmouseover="javascript:toggle_nav(2)">導航分類</li>                   <li onmouseover="javascript:toggle_nav(3)">源碼欄目</li>                   <li onmouseover="javascript:toggle_nav(4)">文章學院</li>                   <li onmouseover="javascript:toggle_nav(5)">控件下載</li>                   <li onmouseover="javascript:toggle_nav(6)">網頁特效</li>                   <li onmouseover="javascript:toggle_nav(7)">書籍教程</li>                   <li onmouseover="javascript:toggle_nav(8)">技術論壇</li>                   <li onmouseover="javascript:toggle_nav(9)">示例菜單</li>                   </ul>                   <div   id="wyasuas"   class="clear"></div>                   <div   class="c8ooyew"   id="sub_nav_0" class="headt" style="display:block">把鼠標放到主菜單上</div>                <div   class="2egu2sc"   id="sub_nav_1" class="headt" style="display:none">                   小欄目1 | 小欄目 | 小欄目 | 小欄目                   </div>                     <div   class="squcseu"   id="sub_nav_2" class="headt" style="display:none">                   小欄目2 | 小欄目 | 小欄目 | 小欄目                   </div>                     <div   class="s42gga8"   id="sub_nav_3" class="headt" style="display:none">                   小欄目3 | 小欄目 | 小欄目 | 小欄目                   </div>                     <div   class="woygqmy"   id="sub_nav_4" class="headt" style="display:none">                   小欄目4 | 小欄目 | 小欄目 | 小欄目                   </div>                     <div   class="ui44mma"   id="sub_nav_5" class="headt" style="display:none">                   小欄目5 | 小欄目 | 小欄目 | 小欄目                   </div>                     <div   class="gqeqei2"   id="sub_nav_6" class="headt" style="display:none">                   小欄目6 | 小欄目 | 小欄目 | 小欄目                   </div>                     <div   class="ogyyais"   id="sub_nav_7" class="headt" style="display:none">                   小欄目7 | 小欄目 | 小欄目 | 小欄目                   </div>                     <div   class="ssckme0"   id="sub_nav_8" class="headt" style="display:none">                   小欄目8 | 小欄目 | 小欄目 | 小欄目                   </div>                     <div   class="2ks8meu"   id="sub_nav_9" class="headt" style="display:none">                   小欄目9 | 小欄目 | 小欄目 | 小欄目                   </div>           </div>   </div>   <div   id="4q8c48m"   class="clear"></div>   </body>   </html>

上一篇：豎直感應鼠標的多級展開菜單

下一篇：強制點擊廣告的Js代碼

學習交流

如何查找有故障的配件

如何查找有故障的配件...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遺憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 媽媽：高考雖重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回應是否會直播帶貨：有人出100萬想和他合作！

2024-06-25 19:29:23

名校搶人名場面：清華、北大太拼了！

2024-06-25 19:22:14

男生高考語文滿分！網友：第一次聽說

2024-06-25 19:19:15

疑難解答

圖片精選

網友關注

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

高跟丝袜欧美一区| 91在线观看免费高清完整版在线观看| 成人精品在线观看| 日韩有码在线视频| 欧美日韩免费在线观看| 国产91成人在在线播放| 欧美黑人一级爽快片淫片高清| 疯狂欧美牲乱大交777| 亚洲国产精品热久久| 久久久久久国产| 海角国产乱辈乱精品视频| 亚洲精品一区中文| 欧美在线视频在线播放完整版免费观看| 久久精品视频99| 亚洲国产古装精品网站| 91在线视频免费| 国产精品久久久久久av福利| 久久国产视频网站| 亚洲第一福利在线观看| 久久久极品av| 日韩免费电影在线观看| 亚洲欧美日韩网| 色综合色综合久久综合频道88| 亚洲精品综合久久中文字幕| 久久九九热免费视频| 欧美精品性视频| 国产精品麻豆va在线播放| 欧美成人第一页| 国产精品99久久99久久久二8| 2019国产精品自在线拍国产不卡| 色悠悠国产精品| 亚洲精品不卡在线| 国产精品视频导航| 日本欧美一级片| 亚洲a在线播放| 国产精品综合不卡av| 91国内精品久久| 国产精品久久久久久久久久99| 97色伦亚洲国产| 久久久国产一区二区| 色婷婷综合久久久久中文字幕1| 欧美大片在线看免费观看| 91精品视频免费| 国产综合在线视频| 亚洲一级片在线看| 麻豆精品精华液| 成人黄色在线播放| 中文字幕在线日韩| 久久这里只有精品视频首页| 欧美黑人性视频| 国内免费久久久久久久久久久| 欧美风情在线观看| 美日韩丰满少妇在线观看| 欧美一乱一性一交一视频| 欧美乱妇高清无乱码| 亚洲欧美国产日韩天堂区| 国产精品一区二区性色av| 51精品国产黑色丝袜高跟鞋| 国产男人精品视频| 精品少妇v888av| 亚洲精品一区久久久久久| 91成人免费观看网站| 国产一区二区黑人欧美xxxx| 91精品在线观| 秋霞av国产精品一区| 精品国内自产拍在线观看| 黑人巨大精品欧美一区免费视频| 日韩在线观看网站| 国产精品久久久久久久午夜| 亚洲天堂av在线播放| 亚洲影院色无极综合| 欧美一级大片在线免费观看| 在线观看日韩欧美| 91丨九色丨国产在线| 91wwwcom在线观看| 欧美激情精品久久久| 亚洲美腿欧美激情另类| 亚洲国产欧美一区二区丝袜黑人| 草民午夜欧美限制a级福利片| 成人亚洲综合色就1024| 97成人超碰免| 欧美大片第1页| 青青久久aⅴ北条麻妃| 国产欧美一区二区三区在线看| 97超视频免费观看| 狠狠躁夜夜躁人人躁婷婷91| 韩国19禁主播vip福利视频| 国产成人在线播放| 欧美中文字幕在线观看| 91亚洲一区精品| 亚洲成年人在线| 91高清在线免费观看| 久久久久久久久久国产精品| 精品国产一区二区在线| 国产精品毛片a∨一区二区三区|国| 欧美激情xxxxx| 久久精品成人欧美大片古装| 色播久久人人爽人人爽人人片视av| 欧美一区二三区| 亚洲天堂av图片| 日本久久久久亚洲中字幕| 国产日韩精品入口| 欧美精品久久久久久久免费观看| 国产欧美日韩免费看aⅴ视频| 国产精品久久77777| 亚洲最大成人网色| 亚洲直播在线一区| 成人免费福利在线| 色播久久人人爽人人爽人人片视av| 国产美女91呻吟求| 日韩成人中文电影| 欧美激情一区二区三级高清视频| 亚洲欧美制服第一页| 精品偷拍各种wc美女嘘嘘| 亚洲精品视频免费在线观看| 成人国产精品免费视频| 91av在线免费观看视频| 国产精品国语对白| 国产91久久婷婷一区二区| 中文字幕精品影院| 国产一区二区香蕉| 欧美精品成人91久久久久久久| www.精品av.com| 国产精品视频免费观看www| 国产69精品久久久久9| 精品国产视频在线| 久久久久久久一区二区三区| 中文字幕久久久| 色哟哟入口国产精品| 国产日韩欧美综合| 日本国产一区二区三区| 欧美一级电影在线| 麻豆国产va免费精品高清在线| 久久久噜噜噜久久| 精品中文字幕在线观看| 久久综合伊人77777蜜臀| 成人激情电影一区二区| 色婷婷综合久久久久中文字幕1| 国内免费久久久久久久久久久| 午夜精品一区二区三区在线视| 亚洲国产高清福利视频| 中文字幕国产日韩| 中文字幕在线看视频国产欧美| 国产精品成人v| 38少妇精品导航| 亚洲电影免费观看高清完整版在线观看| 国产一区二区丝袜高跟鞋图片| 亚洲精品国产精品自产a区红杏吧| 国产一区私人高清影院| 久久亚洲私人国产精品va| 欧美成在线观看| 亚洲一二三在线| 亚洲人成网站999久久久综合| 亚洲一区二区三区久久| 国产精品久久久久久久久免费看| 国产综合色香蕉精品| 欧美日韩在线视频一区二区| 91精品国产高清自在线看超| 91网站免费观看| 国产精品第一区| 国产精品jizz在线观看麻豆| 国产精品女人网站| 68精品国产免费久久久久久婷婷| 97碰碰碰免费色视频|