& ltscript type = " text/JavaScript " & gt;
$(文檔)。ready(function(){
var mod_menu=$("。mod-menu”);//導航模塊區域
var menu=function(){
var menuItem=$("。菜單項Li ");//選擇導航列表
menuItem.each(function(){
var _index=$(這個)。index();//獲取當前選中菜單列表的索引。
$(這個)。mouseenter(function(){
var y = $(這個)。位置()。top+1;//獲取當前鼠標滑過的列表的頂部坐標。
$(".菜單-續”)。show();
$(".菜單-續”)。css("top ",y);//要顯示的相應索引內容
$(這個)。addClass("mouse-bg ")。兄弟姐妹()。remove class(" mouse-BG ");
$(".菜單-cont & gt;div”)。eq(_index)。顯示()。兄弟姐妹()。hide();
});
});/*導航菜單*/
$(".模式菜單”)。mouseleave(function(){
$(".菜單-續”)。hide();
menuitem . remove class(" mouse-BG ");
})
}//展開二級菜單
menu();//執行擴展二級菜單的功能。
});
& lt/script & gt;
& lt/head & gt;
& ltbody & gt
& lth 1 & gt;簡單的兩級菜單導航
& ltdiv class="mod-menu f-l " >
& ltdiv id="column-left " >
& ltul class="menu-item " >
& lt李class = " " & gt& lta href="trade-wedding.html">。婚禮& lt/a & gt;& lt/李& gt
& lt李class = " " & gt& lta href = " trade-scenario-dresses . html " & gt。場合禮服& lt/a & gt;& lt/李& gt
& lt李class = " " & gt& lta href = " trade-women-s-clothing . html " & gt。女裝& lt/a & gt;& lt/李& gt
& lt李class = " " & gt& lta href = " trade-women-s-shoes . html " & gt。女鞋& lt/a & gt;& lt/李& gt
& lt李class = " " & gt& lta href = " trade-accessories . html " & gt。配件& lt/a & gt;& lt/李& gt
& lt李class = " " & gt& lta href = " trade-beauty-health . html " & gt。美容與健康。健康& lt/a & gt;& lt/李& gt
& lt/ul & gt;& lt!-壹級菜單列表-& gt;
& ltdiv class = " menu-cont hide " style = " display:無;top:241px;"& gt
& ltdiv class = " menu-cont-list " style = " display:none;& gt
& ltul & gt
& lt李& gt
& lth3 & gt& lta href= "婚紗禮服-c1_2.html " >。婚紗& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >& lt/div & gt;
& lt/李& gt
& lt李& gt
& lth3 & gt& lta href= "伴娘禮服-c1_3.html " >伴娘禮服& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >& lt/div & gt;
& lt/李& gt
& lt李& gt
& lth3 & gt& lta href = " wedding-party-dresses-c 1 _ 4 . html " >婚禮禮服& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lta title = " " href = " mother-of-the-brides-dresses-c 1 _ 4 _ 36 . html " & gt;新娘禮服之母& lt/a & gt;
& ltspan class="long-string " >| & lt/span>。
& lta title = " " href = " flower-girl-dresses-c 1 _ 4 _ 37 . html " >花童連衣裙& lt/a & gt;
& ltspan class="long-string " >| & lt/span>。
& lta title = " " href = " wedding-guest-dresses-c 1 _ 4 _ 38 . html " >婚禮賓客禮服& lt/a & gt;
& lt/div & gt;
& lt/李& gt
& lt李& gt
& lth3 & gt& lta href = " wedding-accessories-c 1 _ 6 . html " >結婚飾品& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lta title = " " href = " fabric-swatch-c 1 _ 6 _ 100 . html " >織物樣本& lt/a & gt;
& ltspan class="long-string " >| & lt/span>。
& lta title="" href= "新娘內衣-c 1 _ 6 _ 101 . html " >新娘內衣& lt/a & gt;
& ltspan class="long-string " >| & lt/span>。
& lta title = " " href = " wedding-veils-c 1 _ 6 _ 48 . html " >婚禮面紗& lt/a & gt;
& ltspan class="long-string " >| & lt/span>。
& lta title = " " href = " wedding-gloves-c 1 _ 6 _ 51 . html " >婚禮手套& lt/a & gt;
& ltspan class="long-string " >| & lt/span>。
& lta title = " " href = " wedding-shawls-c 1 _ 6 _ 47 . html " >婚禮披肩& lt/a & gt;
& ltspan class="long-string " >| & lt/span>。
& lta title = " " href = " wedding-flowers-c 1 _ 6 _ 52 . html " >婚禮鮮花& lt/a & gt;
& ltspan class="long-string " >| & lt/span>。
& lta title = " " href = " wedding-petticks-c 1 _ 6 _ 120 . html " & gt;婚紗& lt/a & gt;
& lt/div & gt;
& lt/李& gt
& lt/ul & gt;
& lt/div & gt;
& ltdiv class = " menu-cont-list " style = " display:none;& gt
& ltul & gt
& lt李& gt
& lth3 & gt& lta href = " prom-dresses-c 103 _ 39 . html " >舞會禮服& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lt/div & gt;
& lt/李& gt
& lt李& gt
& lth3 & gt& lta href = " military-ball-dresses-c 103 _ 118 . html " >軍用舞會禮服& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lt/div & gt;
& lt/李& gt
& lt李& gt
& lth3 & gt& lta href= "晚禮服-c103_40.html " >晚禮服& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lt/div & gt;
& lt/李& gt
& lt李& gt
& lth3 & gt& lta href = " cocktail-dresses-c 103 _ 41 . html " >雞尾酒裙& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lt/div & gt;
& lt/李& gt
& lt李& gt
& lth3 & gt& lta href = " ball-obses-c 103 _ 43 . html " >舞會禮服& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lt/div & gt;
& lt/李& gt
& lt李& gt
& lth3 & gt& lta href = " homecome-dresses-c 103 _ 44 . html " & gt;返校節禮服& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lt/div & gt;
& lt/李& gt
& lt李& gt
& lth3 & gt& lta href = " little-black-dresses-c 103 _ 45 . html " >小黑裙& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lt/div & gt;
& lt/李& gt
& lt李& gt
& lth3 & gt& lta href = " quinceanera-dresses-c 103 _ 46 . html " >成人禮禮服& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lt/div & gt;
& lt/李& gt
& lt/ul & gt;
& lt/div & gt;
& ltdiv class = " menu-cont-list " style = " display:none;& gt
& ltul & gt
& lt李& gt
& lth3 & gt& lta href = " dresses-C7 _ 8 . html " & gt;連衣裙& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lt/div & gt;
& lt/李& gt
& lt李& gt
& lth3 & gt& lta href="clubwear-c7_9.html " >俱樂部服裝<。/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lt/div & gt;
& lt/李& gt
& lt李& gt
& lth3 & gt& lta href = " leggings-C7 _ 12 . html " & gt;打底褲& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lt/div & gt;
& lt/李& gt
& lt李& gt
& lth3 & gt& lta href = " lingeries-C7 _ 13 . html " >Lingeries & lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lta title = " " href = " bras-C7 _ 13 _ 54 . html " >胸罩& lt/a & gt;
& ltspan class="long-string " >| & lt/span>。
& lta title = " " href = " baby dolls-C7 _ 13 _ 56 . html " >Babydolls & lt/a & gt;
& ltspan class="long-string " >| & lt/span>。
& lta title = " " href = " teddies-C7 _ 13 _ 57 . html " >泰迪熊& lt/a & gt;
& ltspan class="long-string " >| & lt/span>。
& lta title = " " href = " panettes-C7 _ 13 _ 58 . html " >內褲& lt/a & gt;
& ltspan class="long-string " >| & lt/span>。
& lta title = " " href = " sockets-C7 _ 13 _ 59 . html " >襪子& lt/a & gt;
& lt/div & gt;
& lt/李& gt
& lt李& gt
& lth3 & gt& lta href = " bustiers-corsets-C7 _ 102 . html " >緊身胸衣& amp緊身胸衣& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lt/div & gt;
& lt/李& gt
& lt李& gt
& lth3 & gt& lta href = " costumes-C7 _ 53 . html " & gt;服裝& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lta title = " " href = " sexy-costumes-C7 _ 53 _ 110 . html " & gt;性感的服裝& lt/a & gt;
& ltspan class="long-string " >| & lt/span>。
& lta title = " " href = " Christmas-costumes-C7 _ 53 _ 119 . html " >聖誕服裝& lt/a & gt;
& ltspan class="long-string " >| & lt/span>。
& lta title="" href= "萬聖節-服裝-C7 _ 53 _ 111 . html " >萬聖節服裝& lt/a & gt;
& ltspan class="long-string " >| & lt/span>。
& lta title="" href= "萬聖節-配飾-c7_53_112.html " >萬聖節配飾& lt/a & gt;
& ltspan class="long-string " >| & lt/span>。
& lta title = " " href = " zentai-C7 _ 53 _ 121 . html " >Zentai & lt/a & gt;
& lt/div & gt;
& lt/李& gt
& lt李& gt
& lth3 & gt& lta href = " swimware-C7 _ 11 . html " >泳裝& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lt/div & gt;
& lt/李& gt
& lt李& gt
& lth3 & gt& lta href = " active wear-C7 _ 10 . html " >運動服& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lt/div & gt;
& lt/李& gt
& lt/ul & gt;
& lt/div & gt;
& ltdiv class = " menu-cont-list " style = " display:none;& gt
& ltul & gt
& lt李& gt
& lth3 & gt& lta href = " heels-c 116 _ 60 . html " >高跟鞋& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lt/div & gt;
& lt/李& gt
& lt李& gt
& lth3 & gt& lta href = " pumps-c 116 _ 117 . html " >泵& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lt/div & gt;
& lt/李& gt
& lt李& gt
& lth3 & gt& lta href = " dance-shoes-c 116 _ 62 . html " >舞鞋& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lt/div & gt;
& lt/李& gt
& lt李& gt
& lth3 & gt& lta href = " boots-c 116 _ 63 . html " >Boots & lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lt/div & gt;
& lt/李& gt
& lt/ul & gt;
& lt/div & gt;
& ltdiv class = " menu-cont-list " style = " display:none;& gt
& ltul & gt
& lt李& gt
& lth3 & gt& lta href = " evening-bags-c 15 _ 113 . html " >晚裝包& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lt/div & gt;
& lt/李& gt
& lt李& gt
& lth3 & gt& lta href = " hats-圍巾-c15_16.html " >帽子& amp圍巾& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lta title = " " href = " womens-hats-c 15 _ 16 _ 64 . html " >女式帽子& lt/a & gt;
& ltspan class="long-string " >| & lt/span>。
& lta title = " " href = " womens-scaffles-c 15 _ 16 _ 65 . html " >女式圍巾& lt/a & gt;
& lt/div & gt;
& lt/李& gt
& lt李& gt
& lth3 & gt& lta href = " jewelry-c 15 _ 17 . html " >珠寶& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lta title="" href= "耳環-c15_17_66.html " >耳環& lt/a & gt;
& ltspan class="long-string " >| & lt/span>。
& lta title="" href= "項鏈-c15_17_67.html " >項鏈& lt/a & gt;
& ltspan class="long-string " >| & lt/span>。
& lta title = " " href = " rings-c 15 _ 17 _ 68 . html " >戒指& lt/a & gt;
& lt/div & gt;
& lt/李& gt
& lt李& gt
& lth3 & gt& lta href = " watches-c 15 _ 18 . html " >手表& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lt/div & gt;
& lt/李& gt
& lt/ul & gt;
& lt/div & gt;
& ltdiv class = " menu-cont-list " style = " display:block;& gt
& ltul & gt
& lt李& gt
& lth3 & gt& lta href = " wigs-hair-extensions-c 19 _ 23 . html " >假發& amp接發& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lt/div & gt;
& lt/李& gt
& lt李& gt
& lth3 & gt& lta href = " fascinators-c 19 _ 69 . html " >迷人者& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lt/div & gt;
& lt/李& gt
& lt李& gt
& lth3 & gt& lta href = " make up-tools-c 19 _ 21 . html " >化妝工具& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lt/div & gt;
& lt/李& gt
& lt李& gt
& lth3 & gt& lta href = " spas-messagers-c 19 _ 71 . html " >水療和美容。按摩器& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lt/div & gt;
& lt/李& gt
& lt李& gt
& lth3 & gt& lta href = " health-fitness-c 19 _ 70 . html " >健康與健康。健身& lt/a & gt;& lt/H3 & gt;
& ltdiv class="menu-list-link " >
& lt/div & gt;
& lt/李& gt
& lt/ul & gt;
& lt/div & gt;
& lt/div & gt;
& lt/div & gt;& lt!-二級菜單內容-& gt;
& lt/div & gt;
& lt/body & gt;
& lt/html & gt;