仿京東商城側邊導航欄寫法
阿新 • • 發佈：2019-02-12
<!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></title>
<style type="text/css">
<style type="text/css">
body
{
padding: 0;
font-size: 10pt;
behavior:url(css/csshover.htc);
}
.topmenu
{
display: block;
width: 220px;
border: 2px solid #e4393c;
margin: 0;
padding: 0;
}
.toptitle
{
height: 40px;
line-height: 40px;
text-align: left;
font-size: 11pt;
font-weight: bold;
color: White;
background: #e4393c;
padding-left: 20px;
}
.topmenu li
{
height: 30px;
line-height: 30px;
font-size: 11pt;
list-style-type: none;
text-align: left;
padding-left: 8px;
z-index: 3;
background-image: url(1.png);
background-repeat: no-repeat;
background-position: right;
}
.topmenu li a
{
text-decoration: none;
color: #313131;
}
.topmenu li a:hover
{
text-decoration: underline;
font-weight: bold;
color: #e4393c;
}
.topmenu .lihover /*滑鼠移動到上面時，應用的樣式*/
{
border: 1px solid #DDD;
border-right: 0;
box-shadow: 0 0 8px #DDD;
-moz-box-shadow: 0 0 8px #DDD;
-webkit-box-shadow: 0 0 8px #DDD;
background-image: none;
height:60px;
border-left:4px solid #e4393c;
}
.topmenu .lihover .submenu /*懸浮層*/
{
display: block;
}
.topmenu .lihover span /*白色小方框*/
{
background: white;
display: inline-block;
z-index: 20;
width: 20px;
height: 60px;
float: right;
position: relative;
}
.topmenu li b
{
display:none;
}
.topmenu .lihover b
{
display:block;
height:30px;
line-height:30px;
font-weight:normal;
font-size:10pt;
}
.submenu
{
display: none;
width: 715px;
left: 220px;
position: absolute;
top: 40px;
border: 1px solid #DDD;
z-index: 4;
background: white;
box-shadow: 0 0 8px #DDD;
-moz-box-shadow: 0 0 8px #DDD;
-webkit-box-shadow: 0 0 8px #DDD;
}
.leftdiv
{
float: left;
width: 490px;
margin: 5px;
}
.rightdiv
{
float: left;
width: 200px;
margin: 5px;
}
.leftdiv dl
{
display: block;
border-bottom: 1px solid #EEE;
padding-bottom: 6px;
overflow: hidden;
}
.leftdiv dl dt
{
display: block;
float: left;
width: 60px;
text-align: right;
height: 22px;
line-height: 22px;
padding-right: 6px;
}
.leftdiv dl dt a
{
color: #e4393c;
font-weight: bold;
text-decoration: underline;
font-size: 10pt;
}
.leftdiv dl dd
{
display: block;
overflow: hidden;
}
.leftdiv dl dd a
{
display: block;
float: left;
border-left: 1px solid #CCC;
color: #737373;
font-size: 9pt;
padding: 0 8px;
height: 14px;
line-height: 14px;
margin: 4px 0;
}
.rightdiv dl dd
{
margin: 3px 0;
}
.rightdiv dl dt
{
color: #e4393c;
font-weight: bold;
font-size: 10pt;
}
.rightdiv dl dd a
{
font-size: 9pt;
color: #737373;
line-height: 22px;
}
.rightdiv dl dd a:hover
{
color: #737373;
font-weight: normal;
}
.rightPic
{
position:relative;
right:-35px;
bottom:-30px;
}
</style>
</head>
<body>
<script type="text/javascript">
window.onload = function () {
var Lis = document.getElementsByTagName("li");
for (i = 0; i < Lis.length; i++) {
Lis[i].i = i;
Lis[i].onmouseover = function () {
this.className = "lihover";
var h0 = (this.i - 1) * 30 + 42;
var y = this.getElementsByTagName("div")[0].offsetHeight;
var h = this.getElementsByTagName("div")[0].style.top + y;
if (h < h0) {
this.getElementsByTagName("div")[0].style.top = h0 + "px";
}
if (y > 550) {
this.getElementsByTagName("div")[0].style.top = "3px";
}
}
Lis[i].onmouseout = function () {
this.className = "";
}
}
}
</script>
<ul class="topmenu">
<div class="toptitle">
全部商品分類
</div>
<li><a href="#">圖書、音像、數字商品</a><span></span> <b><a href="#">文學</a> <a href="#">經管</a>
<a href="#">暢讀VIP</a></b>
<div class="submenu">
<div class="leftdiv">
<dl>
<dt><a href="#">電子書</a></dt>
<dd>
<a href="#">免費</a> <a href="#">小說</a> <a href="#">勵志與成功</a> <a href="#">婚戀/兩性</a>
<a href="#">文學</a> <a href="#">經管</a> <a href="#">暢讀VIP</a>
</dd>
</dl>
<dl>
<dt><a href="#">數字音樂</a></dt>
<dd>
<a href="#">通俗流行</a> <a href="#">古典音樂</a> <a href="#">搖滾說唱</a> <a href="#">爵士藍調</a>
<a href="#">鄉村民謠</a> <a href="#">有聲讀物</a>
</dd>
</dl>
<dl>
<dt><a href="#">音像</a></dt>
<dd>
<a href="#">音樂</a> <a href="#">影視</a> <a href="#">教育音像</a> <a href="#">遊戲</a>
</dd>
</dl>
<dl>
<dt><a href="#">文藝</a></dt>
<dd>
<a href="#">小說</a> <a href="#">文學</a> <a href="#">青春文學</a> <a href="#">傳記</a> <a
href="#">藝術</a>
</dd>
</dl>
<dl>
<dt><a href="#">人文社科</a></dt>
<dd>
<a href="#">歷史</a> <a href="#">心理學</a> <a href="#">政治/軍事</a> <a href="#">國學/古籍</a>
<a href="#">哲學/宗教</a> <a href="#">社會科學</a>
</dd>
</dl>
<dl>
<dt><a href="#">經管勵志</a></dt>
<dd>
<a href="#">經濟</a> <a href="#">金融與投資</a> <a href="#">管理</a> <a href="#">勵志與成功</a>
</dd>
</dl>
<dl class="fore7">
<dt><a href="#">生活</a></dt>
<dd>
<a href="#">家教與育兒</a> <a href="#">旅遊/地圖</a> <a href="#">烹飪/美食</a> <a href="#">時尚/美妝</a>
<a href="#">家居</a> <a href="#">婚戀與兩性</a> <a href="#">娛樂/休閒</a> <a href="#">健身與保健</a>
<a href="#">動漫/幽默</a> <a href="#">體育/運動</a>
</dd>
</dl>
<dl>
<dt><a href="#">科技</a></dt>
<dd>
<a href="#">科普</a> <a href="#">IT</a> <a href="#">建築</a> <a href="#">醫學</a> <a href="#">
工業技術</a> <a href="#">電子/通訊</a> <a href="#">農林</a> <a href="#">科學與自然</a>
</dd>
</dl>
<dl>
<dt><a href="#">少兒</a></dt>
<dd>
<a href="#">少兒</a> <a href="#">0-2歲</a> <a href="#">3-6歲</a> <a href="#">7-10歲</a>
<a href="#">11-14歲</a>
</dd>
</dl>
<dl>
<dt><a href="#">教育</a></dt>
<dd>
<a href="#">教材</a> <a href="#">中小學教輔</a> <a href="#">考試</a> <a href="#">外語學習</a>
</dd>
</dl>
<dl>
<dt><a href="#">其它</a></dt>
<dd>
<a href="#">英文原版書</a> <a href="#">港臺圖書</a> <a href="#">工具書</a> <a href="#">套裝書</a>
<a href="#">雜誌/期刊</a>
</dd>
</dl>
</div>
<div class="rightdiv">
<dl>
<dd>
<a href="http://sale.jd.com/act/1XDZ6ShE5M7tTrl.html">
<img src="http://img30.360buyimg.com/erpVCAare/g16/M00/0B/1B/rBEbRlOCFcoIAAAAAAArMNB2tlkAACTlwDgVG8AACtI514.jpg"
width="194" height="70" title="\家電">
</a>
</dd>
<dd>
<a href="http://sale.jd.com/act/v8kJIaPmsMGuebpH.html">
<img src="http://img30.360buyimg.com/erpVCAare/g16/M00/0B/19/rBEbRlOAiHUIAAAAAAAx8X2c6oIAACTCAP56A4AADIJ112.jpg"
width="194" height="70" title="小家電--三請聚寶盆">
</a>
</dd>
</dl>
<dl>
<dt>推薦品牌</dt>
<dd>
<a href="#">美的官方旗艦店</a>
</dd>
<dd>
<a href="#">蘇泊爾旗艦店</a>
</dd>
<dd>
<a href="#">九陽旗艦店</a>
</dd>
<dd>
<a href="#">東菱旗艦店</a>
</dd>
<dd>
<a href="#">海爾統帥旗艦店</a>
</dd>
<dd>
<a href="#">小熊旗艦店</a>
</dd>
</dl>
<img src="wii.png" class="rightPic" />
</div>
</div>
</li>
<li><a href="#">家用電器</a> <span></span>
<div class="submenu">
<div class="leftdiv">
<dl>
<dt><a href="#">大 家 電</a></dt>
<dd>
<a href="#">平板電視</a> <a href="#">空調</a> <a href="#">冰箱</a> <a href="#">洗衣機</a> <a
href="#">家庭影院</a> <a href="#">DVD</a> <a href="#">迷你音響</a> <a href="#">煙機/灶具</a>
<a href="#">熱水器</a> <a href="#">消毒櫃/洗碗機</a> <a href="#">酒櫃/冷櫃</a> <a href="#">家電配件</a>
</dd>
</dl>
<dl>
<dt><a href="#">生活電器</a></dt>
<dd>
<a href="#">電風扇</a> <a href="#">冷風扇</a> <a href="#">淨化器</a> <a href="#">飲水機</a>
<a href="#">淨水裝置</a> <a href="#">掛燙機/熨斗</a> <a href="#">吸塵器</a> <a href="#">電話機</a>
<a href="#">插座</a> <a href="#">收錄/音機</a> <a href="#">清潔機</a> <a href="#">加溼器</a>
<a href="#">除溼/乾衣機</a> <a href="#">取暖電器</a> <a href="#">其它生活電器</a>
</dd>
</dl>
<dl>
<dt><a href="#">廚房電器</a></dt>
<dd>
<a href="#">電壓力鍋</a> <a href="#">電飯煲</a> <a href="#">豆漿機</a> <a href="#">麵包機</a>
<a href="#">咖啡機</a> <a href="#">微波爐</a> <a href="#">料理/榨汁機</a> <a href="#">電烤箱</a>
<a href="#">電磁爐</a> <a href="#">電餅鐺/燒烤盤</a> <a href="#">煮蛋器</a> <a href="#">酸奶機</a>
<a href="#">電水壺/熱水瓶</a> <a href="#">電燉鍋</a> <a href="#">多用途鍋</a> <a href="#">果蔬解毒機</a>
<a href="#">其它廚房電器</a>
</dd>
</dl>
<dl>
<dt><a href="#">個護健康</a></dt>
<dd>
<a href="#">剃鬚刀</a> <a href="#">剃/脫毛器</a> <a href="#">口腔護理</a> <a href="#">電吹風</a>
<a href="#">美容</a> <a href="#">美髮</a> <a href="#">按摩器</a> <a href="#">按摩椅</a> <a
href="#">足浴盆</a> <a href="#">血壓計</a> <a href="#">健康秤/廚房秤</a> <a href="#">血糖儀</a>
<a href="#">體溫計</a> <a href="#">計步器/脂肪檢測儀</a> <a href="#">其它健康電器</a>
</dd>
</dl>
<dl>
<dt><a href="#">五金家裝</a></dt>
<dd>
<a href="#">電動工具</a> <a href="#">手動工具</a> <a href="#">儀器儀表</a> <a href="#">浴霸/排氣扇</a>
<a href="#">燈具</a> <a href="#">LED燈</a> <a href="#">潔身器</a> <a href="#">水槽</a> <a
href="#">龍頭</a> <a href="#">淋浴花灑</a> <a href="#">廚衛五金</a> <a href="#">傢俱五金</a>
<a href="#">門鈴</a> <a href="#">電氣開關</a> <a href="#">插座</a> <a href="#">電工電料</a>
<a href="#">監控安防</a> <a href="#">電線/線纜</a>
</dd>
</dl>
</div>
<div class="rightdiv">
</div>
</div>
</li>
<li><a href="#">手機、數碼</a><span></span>
<div class="submenu">
<div class="leftdiv">
<dl>
<dt><a href="#">手機通訊</a></dt>
<dd>
<a href="#">手機</a> <a href="#">對講機</a>
</dd>
</dl>
<dl>
<dt><a href="#">京東通訊</a></dt>
<dd>
<a href="#">選號中心</a> <a href="#">自助服務</a>
</dd>
</dl>
<dl>
<dt><a href="#">運營商</a></dt>
<dd>
<a href="#">購機送費</a> <a href="#">0元購機</a> <a href="#">選號入網</a>
</dd>
</dl>
<dl>
<dt><a href="#">手機配件</a></dt>
<dd>
<a href="#">電池</a> <a href="#">藍芽耳機</a> <a href="#">充電器/資料線</a> <a href="#">手機耳機</a>
<a href="#">貼膜</a> <a href="#">儲存卡</a> <a href="#">保護套</a> <a href="#">車載</a> <a
href="#">iPhone配件</a> <a href="#">創意配件</a> <a href="#">便攜/無線音箱</a> <a href="#">手機飾品</a>
</dd>
</dl>
<dl>
<dt><a href="#">攝影攝像</a></dt>
<dd>
<a href="#">數碼相機</a> <a href="#">單電/微單相機</a> <a href="#">單反相機</a> <a href="#">拍立得</a>
<a href="#">運動相機</a> <a href="#">攝像機</a> <a href="#">鏡頭</a> <a href="#">戶外器材</a>
<a href="#">攝影器材</a>
</dd>
</dl>
<dl>
<dt><a href="#">數碼配件</a></dt>
<dd>
<a href="#">儲存卡</a> <a href="#">讀卡器</a> <a href="#">濾鏡</a> <a href="#">閃光燈/手柄</a>
<a href="#">相機包</a> <a href="#">三腳架/雲臺</a> <a href="#">相機清潔</a> <a href="#">相機貼膜</a>
<a href="#">機身附件</a> <a href="#">鏡頭附件</a> <a href="#">電池/充電器</a> <a href="#">移動電源</a>
</dd>
</dl>
<dl>
<dt><a href="#">時尚影音</a></dt>
<dd>
<a href="#">耳機/耳麥</a> <a href="#">音箱/音響</a> <a href="#">麥克風</a> <a href="#">MP3/MP4</a>
<a href="#">數碼相框</a> <a href="#">專業音訊</a> <a href="#">蘋果周邊</a>
</dd>
</dl>
<dl>
<dt><a href="#">智慧裝置</a></dt>
<dd>
<a href="#">智慧手環</a> <a href="#">智慧手錶</a> <a href="#">智慧眼鏡</a> <a href="#">運動跟蹤器</a>
<a href="#">健康監測</a> <a href="#">智慧配飾</a> <a href="#">智慧家居</a> <a href="#">體感車</a>
<a href="#">其他配件</a>
</dd>
</dl>
<dl>
<dt><a href="#">電子教育</a></dt>
<dd>
<a href="#">電子詞典</a> <a href="#">電紙書</a> <a href="#">錄音筆</a> <a href="#">復讀機</a>
<a href="#">點讀機/筆</a> <a href="#">學生平板</a> <a href="#">早教機</a>
</dd>
</dl>
</div>
<div class="rightdiv">
</div>
</div>
</li>
<li><a href="#">電腦、辦公</a><span></span>
<div class="submenu">
<div class="leftdiv">
<dl>
<dt><a href="#">電腦整機</a></dt>
<dd>
<a href="#">筆記本</a> <a href="#">超極本</a> <a href="#">遊戲本</a> <a href="#">平板電腦</a>
<a href="#">平板電腦配件</a> <a href="#">桌上型電腦</a> <a href="#">伺服器/工作站</a> <a href="#">筆記本配件</a>
</dd>
</dl>
<dl>
<dt><a href="#">電腦配件</a></dt>
<dd>
<a href="#">CPU</a> <a href="#">主機板</a> <a href="#">顯示卡</a> <a href="#">硬碟</a> <a href="#">
SSD固態硬碟</a> <a href="#">記憶體</a> <a href="#">機箱</a> <a href="#">電源</a> <a href="#">顯示器</a>
<a href="#">燒錄機/光碟機</a> <a href="#">音效卡/擴充套件卡</a> <a href="#">散熱器</a> <a href="#">裝機配件</a>
<a href="#">組裝電腦</a>
</dd>
</dl>
<dl>
<dt><a href="#">外設產品</a></dt>
<dd>
<a href="#">滑鼠</a> <a href="#">鍵盤</a> <a href="#">遊戲裝置</a> <a href="#">U盤</a> <a
href="#">行動硬碟</a> <a href="#">滑鼠墊</a> <a href="#">攝像頭</a> <a href="#">線纜</a>
<a href="#">電玩</a> <a href="#">手寫板</a> <a href="#">外接盒</a> <a href="#">電腦工具</a>
<a href="#">電腦清潔</a> <a href="#">UPS</a> <a href="#">插座</a>
</dd>
</dl>
<dl>
<dt><a href="#">網路產品</a></dt>
<dd>
<a href="#">路由器</a> <a href="#">網絡卡</a> <a href="#">交換機</a> <a href="#">網路儲存</a>
<a href="#">4G/3G上網</a> <a href="#">網路盒子</a> <a href="#">網路配件</a>
</dd>
</dl>
<dl>
<dt><a href="#">辦公列印</a></dt>
<dd>
<a href="#">印表機</a> <a href="#">一體機</a> <a href="#">投影機</a> <a href="#">投影配件</a>
<a href="#">傳真機</a> <a href="#">複合機</a> <a href="#">碎紙機</a> <a href="#">掃描器</a>
<a href="#">墨盒</a> <a href="#">硒鼓</a> <a href="#">墨粉</a> <a href="#">色帶</a>
</dd>
</dl>
<dl>
<dt><a href="#">辦公文儀</a></dt>
<dd>
<a href="#">辦公文具</a> <a href="#">檔案管理</a> <a href="#">筆類</a> <a href="#">紙類</a>
<a href="#">本冊/便籤</a> <a href="#">學生文具</a> <a href="#">財務用品</a> <a href="#">計算器</a>
<a href="#">鐳射筆</a> <a href="#">白板/封裝</a> <a href="#">考勤機</a> <a href="#">燒錄碟片/附件</a>
<a href="#">點鈔機</a> <a href="#">支付裝置/POS機</a> <a href="#">安防監控</a> <a href="#">呼叫/會議裝置</a>
<a href="#">保險櫃</a> <a href="#">辦公傢俱</a>
</dd>
</dl>
<dl>
<dt><a href="#">服務產品</a></dt>
<dd>
<a href="#">上門服務</a> <a href="#">遠端服務</a> <a href="#">電腦軟體</a>
</dd>
</dl>
</div>
<div class="rightdiv">
</div>
</div>
</li>
<li><a href="#">家居、傢俱、家裝、廚具</a><span></span>
<div class="submenu">
<div class="leftdiv">
<dl>
<dt><a href="#">廚具</a></dt>
<dd>
<a href="#">烹飪鍋具</a> <a href="#">刀剪菜板</a> <a href="#">廚房配件</a> <a href="#">水具酒具</a>
<a href="#">餐具</a> <a href="#">茶具/咖啡具</a>
</dd>
</dl>
<dl>
<dt><a href="#">家裝建材</a></dt>
<dd>
<a href="#">燈飾照明</a> <a href="#">廚房衛浴</a> <a href="#">五金工具</a> <a href="#">電工電料</a>
<a href="#">牆地面材料</a> <a href="#">裝飾材料</a> <a href="#">裝修服務</a> <a href="#">吸頂燈</a>
<a href="#">淋浴花灑</a> <a href="#">開關插座</a> <a href="#">油漆塗料</a> <a href="#">龍頭</a>
</dd>
</dl>
<dl>
<dt><a href="#">家紡</a></dt>
<dd>
<a href="#">床品套件</a> <a href="#">被子</a> <a href="#">蚊帳</a> <a href="#">涼蓆</a> <a
href="#">床單被罩</a> <a href="#">枕芯</a> <a href="#">毛巾浴巾</a> <a href="#">布藝軟飾</a>
<a href="#">毯子</a> <a href="#">抱枕靠墊</a> <a href="#">床墊/床褥</a> <a href="#">窗簾/窗紗</a>
<a href="#">電熱毯</a>
</dd>
</dl>
<dl>
<dt><a href="#">傢俱</a></dt>
<dd>
<a href="#">臥室傢俱</a> <a href="#">客廳傢俱</a> <a href="#">餐廳傢俱</a> <a href="#">書房傢俱</a>
<a href="#">儲物傢俱</a> <a href="#">陽臺/戶外</a> <a href="#">商業辦公</a> <a href="#">床</a>
<a href="#">床墊</a> <a href="#">沙發</a> <a href="#">電腦椅</a> <a href="#">衣櫃</a> <a href="#">
茶几</a> <a href="#">電視櫃</a> <a href="#">餐桌</a> <a href="#">電腦桌</a> <a href="#">鞋架/衣帽架</a>
</dd>
</dl>
<dl>
<dt><a href="#">燈具</a></dt>
<dd>
<a href="#">檯燈</a> <a href="#">吸頂燈</a> <a href="#">筒燈射燈</a> <a href="#">LED燈</a>
<a href="#">節能燈</a> <a href="#">落地燈</a> <a href="#">五金電器</a> <a href="#">應急燈/手電</a>
<a href="#">裝飾燈</a> <a href="#">吊燈</a> <a href="#">氛圍照明</a>
</dd>
</dl>
<dl>
<dt><a href="#">生活日用</a></dt>
<dd>
<a href="#">收納用品</a> <a href="#">雨傘雨具</a> <a href="#">浴室用品</a> <a href="#">縫紉/針織用品</a>
<a href="#">洗晒/熨燙</a> <a href="#">淨化除味</a>
</dd>
</dl>
<dl>
<dt><a href="#">家裝軟飾</a></dt>
<dd>
<a href="#">桌布/罩件</a> <a href="#">地毯地墊</a> <a href="#">沙發墊套/椅墊</a> <a href="#">簾藝隔斷</a>
<a href="#">相框/照片牆</a> <a href="#">裝飾字畫</a> <a href="#">牆貼/裝飾貼</a> <a href="#">節慶飾品</a>
<a href="#">手工/十字繡</a> <a href="#">鍾飾</a> <a href="#">裝飾擺件</a> <a href="#">花瓶花藝</a>
<a href="#">創意家居</a> <a href="#">保暖防護</a> <a href="#">香薰蠟燭</a>
</dd>
</dl>
<dl>
<dt><a href="#">清潔用品</a></dt>
<dd>
<a href="#">紙品溼巾</a> <a href="#">衣物清潔</a> <a href="#">清潔工具</a> <a href="#">家庭清潔</a>
<a href="#">一次性用品</a> <a href="#">驅蟲用品</a> <a href="#">皮具護理</a>
</dd>
</dl>
<dl>
<dt><a href="#">寵物生活</a></dt>
<dd>
<a href="#">寵物主糧</a> <a href="#">寵物零食</a> <a href="#">洗護美容</a> <a href="#">家居日用</a>
<a href="#">醫療保健</a> <a href="#">出行裝備</a> <a href="#">寵物玩具</a> <a href="#">水族用品</a>
<a href="#">貓砂/尿布</a> <a href="#">寵物牽引</a> <a href="#">寵物驅蟲</a>
</dd>
</dl>
</div>
<div class="rightdiv">
</div>
</div>
</li>
<li><a href="#">服飾內衣、珠寶首飾</a><span></span>
<div class="submenu">
<div class="leftdiv">
<dl>
<dt><a href="#">女裝</a></dt>
<dd>
<a href="#">連衣裙</a> <a href="#">蕾絲/雪紡衫</a> <a href="#">襯衫</a> <a href="#">T恤</a>
<a href="#">半身裙</a> <a href="#">休閒褲</a> <a href="#">短褲</a> <a href="#">牛仔褲</a> <a
href="#">針織衫</a> <a href="#">吊帶/背心</a> <a href="#">打底衫</a> <a href="#">打底褲</a>
<a href="#">正裝褲</a> <a href="#">小西服</a> <a href="#">馬甲</a> <a href="#">風衣</a> <a
href="#">羊毛衫</a> <a href="#">羊絨衫</a> <a href="#">短外套</a> <a href="#">棉服</a>
<a href="#">毛呢大衣</a> <a href="#">加絨褲</a> <a href="#">羽絨服</a> <a href="#">皮草</a>
<a href="#">真皮皮衣</a> <a href="#">仿皮皮衣</a> <a href="#">旗袍/唐裝</a> <a href="#">禮服</a>
<a href="#">婚紗</a> <a href="#">中老年女裝</a> <a href="#">大碼女裝</a> <a href="#">設計師/潮牌</a>
</dd>
</dl>
<dl>
<dt><a href="#">男裝</a></dt>
<dd>
<a href="#">襯衫</a> <a href="#">T恤</a> <a href="#">POLO衫</a> <a href="#">針織衫</a>
<a href="#">夾克</a> <a href="#">衛衣</a> <a href="#">風衣</a> <a href="#">馬甲/背心</a> <a
href="#">短褲</a> <a href="#">休閒褲</a> <a href="#">牛仔褲</a> <a href="#">西服</a> <a href="#">
西褲</a> <a href="#">西服套裝</a> <a href="#">真皮皮衣</a> <a href="#">仿皮皮衣</a> <a href="#">羽絨服</a>
<a href="#">毛呢大衣</a> <a href="#">棉服</a> <a href="#">羊絨衫</a> <a href="#">羊毛衫</a>
<a href="#">衛褲/運動褲</a> <a href="#">加絨褲</a> <a href="#">設計師/潮牌</a> <a href="#">唐裝/中山裝</a>
<a href="#">工裝</a> <a href="#">中老年男裝</a> <a href="#">大碼男裝</a>
</dd>
</dl>
<dl>
<dt><a href="#">內衣</a></dt>
<dd>
<a href="#">文胸</a> <a href="#">睡衣/家居服</a> <a href="#">情侶睡衣</a> <a href="#">文胸套裝</a>
<a href="#">少女文胸</a> <a href="#">女式內褲</a> <a href="#">男式內褲</a> <a href="#">商務男襪</a>
<a href="#">休閒棉襪</a> <a href="#">吊帶/背心</a> <a href="#">打底衫</a> <a href="#">抹胸</a>
<a href="#">連褲襪/絲襪</a> <a href="#">美腿襪</a> <a href="#">打底褲襪</a> <a href="#">塑身美體</a>
<a href="#">大碼內衣</a> <a href="#">內衣配件</a> <a href="#">泳衣</a> <a href="#">秋衣秋褲</a>
<a href="#">保暖內衣</a>
</dd>
</dl>
<dl>
<dt><a href="#">服飾配件</a></dt>
<dd>
<a href="#">太陽鏡</a> <a href="#">光學鏡架/鏡片</a> <a href="#">防輻射眼鏡</a> <a href="#">女士絲巾/圍巾/披肩</a>
<a href="#">棒球帽</a> <a href="#">遮陽傘/雨傘</a> <a href="#">遮陽帽</a> <a href="#">領帶/領結/領帶夾</a>
<a href="#">男士腰帶/禮盒</a> <a href="#">防晒手套</a> <a href="#">老花鏡</a> <a href="#">袖釦</a>
<a href="#">男士絲巾/圍巾</a> <a href="#">裝飾眼鏡</a> <a href="#">女士腰帶/禮盒</a> <a href="#">游泳鏡</a>
</dd>
</dl>
<dl>
<dt><a href="#">珠寶首飾</a></dt>
<dd>
<a href="#">時尚飾品</a> <a href="#">鑽石</a> <a href="#">翡翠玉石</a> <a href="#">純金K金飾品</a>
<a href="#">金銀投資</a> <a href="#">銀飾</a> <a href="#">水晶瑪瑙</a> <a href="#">彩寶</a>
<a href="#">鉑金</a> <a href="#">天然木飾</a> <a href="#">珍珠</a>
</dd>
</dl>
</div>
<div class="rightdiv">
</div>
</div>
</li>
<li><a href="#">個護化妝</a><span></span>
<div class="submenu">
<div class="leftdiv">
<dl>
<dt><a href="#">面部護膚</a></dt>
<dd>
<a href="#">清潔</a> <a href="#">護膚</a> <a href="#">面膜</a> <a href="#">剃鬚</a> <a href="#">
套裝</a>
</dd>
</dl>
<!-- <dl>
<dt><a href="#">洗髮護髮</a></dt>
<dd>
<a href="#">洗髮</a> <a href="#">護髮</a> <a href="#">染髮</a> <a href="#">造型</a> <a href="#">
假髮</a> <a href="#">套裝</a>
</dd>
</dl>
<dl>
<dt><a href="#">身體護膚</a></dt>
<dd>
<a href="#">沐浴</a> <a href="#">潤膚</a> <a href="#">頸部</a> <a href="#">手足</a> <a href="#">
纖體塑形</a> <a href="#">美胸</a> <a href="#">套裝</a>
</dd>
</dl>
<dl>
<dt><a href="#">口腔護理</a></dt>
<dd>
<a href="#">牙膏/牙粉</a> <a href="#">牙刷/牙線</a> <a href="#">漱口水</a> <a href="#">套裝</a>
</dd>
</dl>
<dl>
<dt><a href="#">女性護理</a></dt>
<dd>
<a href="#">衛生巾</a> <a href="#">衛生護墊</a> <a href="#">私密護理</a> <a href="#">脫毛膏</a>
</dd>
</dl>
<dl>
<dt><a href="#">香水彩妝</a></dt>
<dd>
<a href="#">香水</a> <a href="#">底妝</a> <a href="#">腮紅</a> <a href="#">眼部</a> <a href="#">
脣部</a> <a href="#">美甲</a> <a href="#">美容工具</a> <a href="#">套裝</a>
</dd>
</dl>-->
</div>
<div class="rightdiv">
</div>
</div>
</li>
<li><a href="#">鞋靴、箱包、鐘錶、奢侈品</a><span></span>
<div class="submenu">
<div class="leftdiv">
<dl>
<dt><a href="#">時尚女鞋</a></dt>
<dd>
<a href="#">涼鞋</a> <a href="#">單鞋</a> <a href="#">高跟鞋</a> <a href="#">坡跟鞋</a> <a
href="#">鬆糕鞋</a> <a href="#">魚嘴鞋</a> <a href="#">休閒鞋</a> <a href="#">帆布鞋</a>
<a href="#">拖鞋/人字拖</a> <a href="#">媽媽鞋</a> <a href="#">防水臺</a> <a href="#">雨鞋/雨靴</a>
<a href="#">內增高</a> <a href="#">布鞋/繡花鞋</a> <a href="#">女靴</a> <a href="#">雪地靴</a>
<a href="#">踝靴</a> <a href="#">馬丁靴</a> <a href="#">鞋配件</a>
</dd>
</dl>
<dl>
<dt><a href="#">流行男鞋</a></dt>
<dd>
<a href="#">休閒鞋</a> <a href="#">涼鞋/沙灘鞋</a> <a href="#">帆布鞋</a> <a href="#">商務休閒鞋</a>
<a href="#">正裝鞋</a> <a href="#">增高鞋</a> <a href="#">拖鞋/人字拖</a> <a href="#">工裝鞋</a>
<a href="#">男靴</a> <a href="#">傳統布鞋</a> <a href="#">功能鞋</a> <a href="#">鞋配件</a>
<a href="#">定製鞋</a>
</dd>
</dl>
<dl>
<dt><a href="#">潮流女包</a></dt>
<dd>
<a href="#">單肩包</a> <a href="#">手提包</a> <a href="#">斜挎包</a> <a href="#">雙肩包</a>
<a href="#">錢包</a> <a href="#">手拿包/晚宴包</a> <a href="#">卡包/零錢包</a> <a href="#">鑰匙包</a>
</dd>
</dl>
<dl>
<dt><a href="#">精品男包</a></dt>
<dd>
<a href="#">商務公文包</a> <a href="#">單肩/斜挎包</a> <a href="#">男士手包</a> <a href="#">雙肩包</a>
<a href="#">錢包/卡包</a> <a href="#">鑰匙包</a>
</dd>
</dl>
<dl>
<dt><a href="#">功能箱包</a></dt>
<dd>
<a href="#">拉桿箱/拉桿包</a> <a href="#">旅行包</a> <a href="#">電腦包</a> <a href="#">休閒運動包</a>
<a href="#">相機包</a> <a href="#">腰包/胸包</a> <a href="#">登山包</a> <a href="#">旅行配件</a>
<a href="#">書包</a> <a href="#">媽咪包</a>
</dd>
</dl>
<dl>
<dt><a href="#">奢侈品</a></dt>
<dd>
<a href="#">箱包</a> <a href="#">錢包</a> <a href="#">服飾</a> <a href="#">腰帶</a> <a href="#">
鞋靴</a> <a href="#">太陽鏡/眼鏡框</a> <a href="#">飾品</a> <a href="#">配件</a>
</dd>
</dl>
<dl>
<dt><a href="#">鐘錶</a></dt>
<dd>
<a href="#">男表</a> <a href="#">女表</a> <a href="#">兒童表</a> <a href="#">座鐘掛鐘</a>
</dd>
</dl>
<dl>
<dt><a href="#">禮品</a></dt>
<dd>
<a href="#">火機煙具</a> <a href="#">軍刀軍具</a> <a href="#">美妝禮品</a> <a href="#">工藝禮品</a>
<a href="#">禮盒禮券</a> <a href="#">禮品文具</a> <a href="#">收藏品</a> <a href="#">古董把玩</a>
<a href="#">地方禮品</a> <a href="#">創意禮品</a> <a href="#">婚慶用品</a> <a href="#">鮮花綠植</a>
<a href="#">京東卡</a>
</dd>
</dl>
</div>
<div class="rightdiv">
</div>
</div>
</li>
<li><a href="#">運動戶外</a><span></span>
<div class="submenu">
<div class="leftdiv">
<dl>
<dt><a href="#">運動鞋包</a></dt>
<dd>
<a href="#">休閒鞋</a> <a href="#">跑步鞋</a> <a href="#">板鞋</a> <a href="#">帆布鞋</a> <a
href="#">籃球鞋</a> <a href="#">足球鞋</a> <a href="#">乒羽網鞋</a> <a href="#">專項運動鞋</a>
<a href="#">訓練鞋</a> <a href="#">拖鞋</a> <a href="#">運動包</a>
</dd>
</dl>
<dl>
<dt><a href="#">運動服飾</a></dt>
<dd>
<a href="#">衛衣/套頭衫</a> <a href="#">毛衫/線衫</a> <a href="#">夾克/風衣</a> <a href="#">棉服</a>
<a href="#">羽絨服</a> <a href="#">T恤</a> <a href="#">乒羽網服</a> <a href="#">訓練服</a>
<a href="#">運動背心</a> <a href="#">運動褲</a> <a href="#">運動套裝</a> <a href="#">運動配飾</a>
</dd>
</dl>
<dl>
<dt><a href="#">健身訓練</a></dt>
<dd>
<a href="#">跑步機</a> <a href="#">健身車/動感單車</a> <a href="#">綜合訓練器</a> <a href="#">其他大型器械</a>
<a href="#">啞鈴</a> <a href="#">仰臥板/收腹機</a> <a href="#">其他中小型器材</a> <a href="#">武術搏擊</a>
<a href="#">運動護具</a> <a href="#">瑜伽舞蹈</a>
</dd>
</dl>
<dl>
<dt><a href="#">騎行運動</a></dt>
<dd>
<a href="#">山地車/公路車</a> <a href="#">摺疊車</a> <a href="#">電動車</a> <a href="#">其他整車</a>
<a href="#">騎行裝備</a> <a href="#">騎行服</a>
</dd>
</dl>
<dl>
<dt><a href="#">體育用品</a></dt>
<dd>
<a href="#">乒乓球</a> <a href="#">羽毛球</a> <a href="#">網球</a> <a href="#">籃球</a> <a
href="#">足球</a> <a href="#">高爾夫</a> <a href="#">檯球</a> <a href="#">輪滑滑板</a>
<a href="#">排球</a> <a href="#">棋牌麻將</a> <a href="#">其它</a>
</dd>
</dl>
<dl>
<dt><a href="#">戶外鞋服</a></dt>
<dd>
<a href="#">衝鋒衣褲</a> <a href="#">速乾衣褲</a> <a href="#">滑雪服</a> <a href="#">羽絨服/棉服</a>
<a href="#">休閒衣褲</a> <a href="#">抓絨衣褲</a> <a href="#">軟殼衣褲</a> <a href="#">T恤</a>
<a href="#">戶外風衣</a> <a href="#">功能內衣</a> <a href="#">軍迷服飾</a> <a href="#">登山鞋</a>
<a href="#">徒步鞋</a> <a href="#">越野跑鞋</a> <a href="#">休閒鞋</a> <a href="#">雪地靴</a>
<a href="#">工裝鞋</a> <a href="#">溯溪鞋</a> <a href="#">沙灘/涼拖</a> <a href="#">戶外襪</a>
</dd>
</dl>
<dl>
<dt><a href="#">戶外裝備</a></dt>
<dd>
<a href="#">揹包</a> <a href="#">帳篷/墊子</a> <a href="#">睡袋/吊床</a> <a href="#">登山攀巖</a>
<a href="#">戶外照明</a> <a href="#">野餐燒烤</a> <a href="#">便攜桌椅床</a> <a href="#">戶外工具</a>
<a href="#">望遠鏡</a> <a href="#">戶外儀表</a> <a href="#">旅遊用品</a> <a href="#">軍迷用品</a>
<a href="#">救援裝備</a> <a href="#">滑雪裝備</a> <a href="#">極限戶外</a> <a href="#">衝浪潛水</a>
<a href="#">戶外配飾</a>
</dd>
</dl>
<dl>
<dt><a href="#">垂釣用品</a></dt>
<dd>
<a href="#">魚竿魚線</a> <a href="#">浮漂魚餌</a> <a href="#">釣魚桌椅</a> <a href="#">釣魚配件</a>
<a href="#">釣箱魚包</a> <a href="#">其它</a>
</dd>
</dl>
<dl>
<dt><a href="#">游泳用品</a></dt>
<dd>
<a href="#">泳鏡</a> <a href="#">泳帽</a> <a href="#">游泳包防水包</a> <a href="#">男士泳衣</a>
<a href="#">女士泳衣</a> <a href="#">比基尼</a> <a href="#">其它</a>
</dd>
</dl>
</div>
<div class="rightdiv">
</div>
</div>
</li>
<li><a href="#">汽車用品</a><span></span>
<div class="submenu">
<div class="leftdiv">
<dl>
<dt><a href="#">維修保養</a></dt>
<dd>
<a href="#">潤滑油</a> <a href="#">新增劑</a> <a href="#">防凍液</a> <a href="#">濾清器</a>
<a href="#">火花塞</a> <a href="#">雨刷</a> <a href="#">車燈</a> <a href="#">後視鏡</a> <a
href="#">輪胎</a> <a href="#">輪轂</a> <a href="#">剎車片/盤</a> <a href="#">喇叭/皮帶</a>
<a href="#">蓄電池</a> <a href="#">底盤裝甲/護板</a> <a href="#">貼膜</a> <a href="#">汽修工具</a>
</dd>
</dl>
<dl>
<dt><a href="#">車載電器</a></dt>
<dd>
<a href="#">導航儀</a> <a href="#">安全預警儀</a> <a href="#">行車記錄儀</a> <a href="#">倒車雷達</a>
<a href="#">藍芽裝置</a> <a href="#">時尚影音</a> <a href="#">淨化器</a> <a href="#">電源</a>
<a href="#">冰箱</a> <a href="#">吸塵器</a>
</dd>
</dl>
<dl>
<dt><a href="#">美容清洗</a></dt>
<dd>
<a href="#">車蠟</a> <a href="#">補漆筆</a> <a href="#">玻璃水</a> <a href="#">清潔劑</a> <a
href="#">洗車工具</a> <a href="#">洗車配件</a>
</dd>
</dl>
<dl>
<dt><a href="#">汽車裝飾</a></dt>
<dd>
<a href="#">腳墊</a> <a href="#">座墊</a> <a href="#">座套</a> <a href="#">後備箱墊</a> <a
href="#">頭枕腰靠</a> <a href="#">香水</a> <a href="#">空氣淨化</a> <a href="#">車內飾品</a>
<a href="#">功能小件</a> <a href="#">車身裝飾件</a> <a href="#">車衣</a>
</dd>
</dl>
<dl>
<dt><a href="#">安全自駕</a></dt>
<dd>
<a href="#">安全座椅</a> <a href="#">胎壓充氣</a> <a href="#">防盜裝置</a> <a href="#">應急救援</a>
<a href="#">保溫箱</a> <a href="#">儲物箱</a> <a href="#">自駕野營</a> <a href="#">摩托車裝備</a>
</dd>
</dl>
</div>
<div class="rightdiv">
</div>
</div>
</li>
<li><a href="#">母嬰、玩具樂器</a><span></span>
<div class="submenu">
<div class="leftdiv">
<dl>
<dt><a href="#">奶粉</a></dt>
<dd>
<a href="#">嬰幼奶粉</a> <a href="#">成人奶粉</a>
</dd>
</dl>
<dl>
<dt><a href="#">營養輔食</a></dt>
<dd>
<a href="#">DHA</a> <a href="#">鈣鐵鋅/維生素</a> <a href="#">益生菌/初乳</a> <a href="#">清火/開胃</a>
<a href="#">米粉/菜粉</a> <a href="#">果泥/果汁</a> <a href="#">麵條/粥</a> <a href="#">寶寶零食</a>
</dd>
</dl>
<dl>
<dt><a href="#">尿褲溼巾</a></dt>
<dd>
<a href="#">嬰兒尿褲</a> <a href="#">拉拉褲</a> <a href="#">成人尿褲</a> <a href="#">溼巾</a>
</dd>
</dl>
<dl>
<dt><a href="#">洗護用品</a></dt>
<dd>
<a href="#">寶寶護膚</a> <a href="#">寶寶洗浴</a> <a href="#">理髮器</a> <a href="#">洗衣液/皁</a>
<a href="#">奶瓶清洗</a> <a href="#">日常護理</a> <a href="#">座便器</a> <a href="#">驅蚊防蚊</a>
</dd>
</dl>
<dl>