京东商城弹出式导航代码
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
<style type="text/css">.user_menu {width:990px;z-index:1;position:absolute;font-family:microsoft yahei;font-size:13px;margin:0 auto;}
.user_menu .mt {display:none;}
.user_menu ul {width:990px;height:30px;background-color:#C30D23;padding:0;margin:0 auto;list-style:none; }
.user_menu ul li {float:left;margin:0px;position:relative;}
.user_menu ul li .biaoti {display:block;width:120px;height:30px;overflow:hidden;text-align:center;line-height:30px;margin-right:1px;color:white;text-decoration:none;transition:all 0.4s ease;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;}
.user_menu ul li .all {padding-right:15px;background:url(/cms/g13/M08/15/0C/rBEhU1J53pMIAAAAAAAAUfY5SdkAAFEjAP_-3UAAABp387.gif) 105px top no-repeat #C30D23;}
.user_menu ul li .biaoti:hover {background-color:#E60012;}
.user_menu ul li ul {display:none;}
.user_menu ul li:hover {background-color:#E60012;}
.user_menu ul li:hover ul {display:block;width:990px;height:auto;background-color:#DCDDDD;position:absolute;top:30px;left:0px;padding-bottom:10px;padding-top:10px;z-index:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);opacity:0.9;}
.user_menu ul li:hover ul .fl1 {width:950px;height:auto;overflow:hidden;margin-left:20px;margin-bottom:10px;}
.user_menu ul li:hover ul .fl1:hover {background-color#C30D23;}
.user_menu ul li:hover ul .fl1 .title2 {display:block;width:100px;height:31px;overflow:hidden;background-color:#C30D23;float:left;text-align:center;text-decoration:none;line-height:30px;color:white;font-size:14px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity:1.0;}
.user_menu ul li:hover ul .fl1 .fl2 {width:840px;height:auto;float:right;border-bottom:1px dashed #C30D23;}
.user_menu ul li:hover ul .fl1 .fl2 a {display:block;width:auto;height:30px;overflow:hidden;padding:0px 10px 0px;float:left;line-height:30px;text-align:center;text-decoration:none;color:#231815;}
.user_menu ul li:hover ul .fl1 .fl2 a:hover {text-decoration:underline;}
.user_menu ul li:hover .tanchu {width:120px;height:auto;overflow:hidden;padding-top:0px;font-size:12px;}
.user_menu ul li:hover .tanchu a {display:block;width:120px;height:30px;overflow:hidden;bakcground-color:black;color:black;line-height:30px;text-align:center;text-decoration:none;}
.user_menu ul li:hover .tanchu a:hover {background-color:#C30D23;color:white;}</style>
<div class="user_menu">
<ul>
<li>
<a href="/view_search-144316-0-5-1-24-1.html" target="_blank" class="biaoti all">查看所有商品</a>
<ul>
<div class="fl1">
<a class="title2" href="/view_search-144316-809019-1-0-20-1.html" target="_blank">绿茶</a>
<div class="fl2">
<a href="/vie
w_search-144316-809047-1-0-20-1.html" target="_blank">黄山毛峰</a><a href="/view_search-144316-809048-1-0-20-1.html" target="_blank">太平猴魁</a><a href="/view
_search-144316-809049-1-0-20-1.html" target="_blank">六安瓜片</a><a href="/view_search-144316-868251-1-0-20-1.html" target="_blank">碧螺春</a>
</div>
</div>
<div class="fl1">
<a class="title2" href="/view_search-144316-809020-1-0-20-1.html" target="_blank">红茶</a>
<div class="fl2">
<a href="/view_search-144316-809052-1-0-20-1.html" target="_blank">祁门红茶</a><a href="/view_search-144316-907238-1-0-20-1.html" target="_blank">滇红</a><a href="/view_search-144316-887147-1-0-20-1.html" target="_blank">海堤红</a><a href="#" target="_blank"></a>
</div>
</div>
<div class="fl1">
<a class="title2" href="/view_search-144316-887146-1-0-20-1.html" target="_blank">黑茶</a>
<div class="fl2">
<a href="/view_search-144316-887121-1-0-20-1.html" target="_blank">普洱茶</a><a href="/view_search-144316-887122-1-0-20-1.html" target="_blank">安化黑茶</a><a href="#" target="_blank"></a>
</div>
</div>
<div class="fl1">
<a class="title2" href="/view_search-144316-907260-1-0-20-1.html" target="_blank">乌龙茶</a>
<div class="fl2">
<a href="/view_search-144316-907261-1-0-20-1.html" target="_blank">大红袍</a><a href="/view_search-144316-907262-1-0-20-1.html" target="_blank">铁观音</a><a href="/view_search-144316-907263-1-0-20-1.html" target="_blank">老枞水仙</a><a href="/view_search-144316-937673-1-0-20-1.html" target="_blank">铁罗汉</a><a href="#" target="_blank"></a>
</div>
</div>
<div class="fl1">
<a class="title2" href="/view_search-144316-844159-1-0-20-1.htmlh-144316-809020-1-0-20-1.html" target="_blank">花茶</a>
<div class="fl2">
<a href="/view
_search-144316-844160-1-0-20-1.html" target="_blank">黄山贡菊</a><a href="#" target="_blank"></a>
</div>
</div>
<div class="fl1">
<a class="title2" href="/view_search-144316-809023-1-0-20-1.html" target="_blank">品牌</a>
<div class="fl2">
<a href="/view_search-144316-808964-1-0-20-1.html" target="_blank">谢裕大</a><a href="/view_search-144316-887149-1-0-20-1.html" target="_blank">中茶</a><a href="/view_search-144316-887148-1-0-20-1.html" target="_blank">海堤</a><a href="/view_search-144316-907239-1-0-20-1.html" target="_blank">凤牌</a><a href="/view_search-144316-868252-1-0-20-1.html" target="_blank">吴郡</a><a href="/view_search-144316-907992-1-0-20-1.html" target="_blank">谷仓</a><a href="#" target="_blank"></a>
</div>
</div>
<div class="fl1">
<a class="title2" href="http://mall.jd.
com/view_search-144316-846113-1-0-20-1.html" target="_blank">礼盒区</a>
<div class="fl2">
<a href="/view_search-144316-45554-42982-809047-5-0-0-1-1-24.html?keyword=%25E7%25A4%25BC%25E7%259B%2592&isGlobalSearch=0" target="_blank">黄山毛峰</a><a href="/view_search-144316-45554-42982-809048-5-0-0-1-1-24.html?keyword=%25E7%25A4%25BC%25E7%259B%2592&isGlobalSearch=0" target="_blank">太平猴魁</a><a href="/view_search-144316-45554-42982-809049-5-0-0-1-1-24.html?keyword=%25E7%25A4%25BC%25E7%259B%2592&isGlobalSearch=0" target="_blank">六安瓜片</a><a href="/view_search-144316-45554-42982-868251-5-0-0-1-1-24.html?keyword=%25E7%25A4%25BC%25E7%259B%2592&isGlobalSearch=0" target="_blank">碧螺春</a><a href="/view_search-144316-45554-42982-809052-5-0-0-1-1-24.html?keyword=%25E7%25A4%25BC%25E7%259B%2592&isGlobalSearch=0" target="_blank">祁门红茶</a><a href="/view_search-144316-45554-42982-907238-5-0-0-1-1-24.html?keyword=%25E7%25A4%25BC%25E7%259B%2592&isGlobalSearch=0" target="_blank">滇红工夫</a><a href="/view_search-144316-45554-42982-907260-5-0-0-1-1-24.html?keyword=%25E7%25A4%25BC%25E7%259B%2592&isGlobalSearch=0" target="_blank">乌龙茶&l
t;/a>
</div>
</div>
</ul>
</li>
<li>
<a href="" target="_blank" class="biaoti">店铺首页</a>
</li>
<li>
<a href="/view_search-144316-809019-1-0-20-1.html" target="_blank" class="biaoti">绿茶</a>
<ul class="tanchu">
<a href="/view_search-144316-809047-1-0-20-1.html" target="_blank">黄山毛峰</a><a href="/view_search-144316-809048-1-0-20-1.html" target="_blank">太平猴魁</a><a href="/view_search-144316-809049-1-0-20-1.html" target="_blank">六安瓜片</a><a href="/view_search-144316-868251-1-0-20-1.html" target="_blank">碧螺春</a>
</ul>
</li>
<li>
<a href="/view_search-144316-809020-1-0-20-1.html" target="_blank" class="biaoti">红茶</a>
<ul class="tanchu">
<a href="/view_search-144316-809052-1-0-20-1.html" target="_blank">祁门红茶</a><a href="/view_search-144316-907238-1-0-20-1.html" target="_blank">滇红</a><a href="/view_search-144316-887147-1-0-20-1.html" target="_blank">海堤红</a>
</ul>
</li>
<li>
<a href="/view_search-144316-887146-1-0-20-1.html" target="_blank" class="biaoti">黑茶</a>
<ul class="tanchu">
<a href="/view_search-144316-887121-1-0-20-1.html" target="_blank">普洱茶</a><a href="/view_search-144316-887122-1-0-20-1.html" target="_blank">安化黑茶</a>
</ul>
</li>
<li>
<a href="/view_search-144316-
907260-1-0-20-1.html" target="_blank" class="biaoti">乌龙茶</a>
<ul class="tanchu">
<a href="/view_search-144316-907261-1-0-20-1.html" target="_blank">大红袍</a><a href="/view_search-144316-907262-1-0-20-1.html" target="_blank">铁观音</a><a href="/view_search-144316-907263-1-0-20-1.html" target="_blank">老枞水仙</a><a href="/view_search-144316-937673-1-0-20-1.html" target="_blank">铁罗汉</a>
</ul>
</li>
<li>
<a href="/view_sea
rch-144316-846113-1-0-20-1.html" target="_blank" class="biaoti">礼盒区</a>
<ul class="tanchu">
<a href="/view_search-144316-45554-42982-809047-5-0-0-1-1-24.html?keyword=%25E7%25A4%25BC%25E7%259B%2592&isGlobalSearch=0" target="_blank">黄山毛峰</a><a href="/view_search-144316-45554-42982-809048-5-0-0-1-1-24.html?keyword=%25E7%25A4%25BC%25E7%259B%2592&isGlobalSearch=0" target="_blank">太平猴魁</a><a href="/view_search-144316-45554-42982-809049-5-0-0-1-1-24.html?keyword=%25E7%25A4%25BC%25E7%259B%2592&isGlobalSearch=0" target="_blank">六安瓜片</a><a href="/view_search-144316-45554-42982-868251-5-0-0-1-1-24.html?keyword=%25E7%25A4%25BC%25E7%259B%2592&isGlobalSearch=0" target="_blank">碧螺春</a><a href="/view_search-144316-45554-42982-809052-5-0-0-1-1-24.html?keyword=%25E7%25A4%25BC%25E7%259B%2592&isGlobalSearch=0" target="_blank">祁门红茶</a><a href="/view_search-144316-45554-42982-907238-5-0-0-1-1-24.html?keyword=%25E7%25A4%25BC%25E7%259B%2592&isGlobalSearch=0" target="_blank">滇红工夫</a><a href="/view_search-144316-45554-42982-907260-5-0-0-1-1-24.html?keyword=%25E7%25A4%25BC%25E7%259B%2592&isGlobalSearch=0" target="_blank">乌龙茶</a>
</ul>
</li>
<li>
<a href="/view_introduction-144316.html" target="_blank" class="biaoti">关于我们</a>
</li>
</ul>
</div>