京东商城弹出式导航代码
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
.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 .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:hover {background-color:#C30D23;color:white;}</style>
<div class="user_menu">
<ul>
<li>
<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>
.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 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;}
<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>
</div>
<div class="fl1">
<a class="title2" href="/view_search-144316-907260-1-0-20-1.html" target="_blank">乌龙茶&
<div class="fl1">
<a class="title2" href="/view_search-144316-809019-1-0-20-1.html" target="_blank">绿茶</a>
<div class="fl2">
<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
.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 .all {padding-right:15px;background:url(/cms/g13/M08/15/0C/rBEhU1J53pMIAAAAAAAAUfY5SdkAAFEjAP_-3UAAABp387.gif) 105px top no-repeat #C30D23;}
<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>
.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;}
<style type="text/css">.user_menu {width:990px;z-index:1;position:absolute;font-family:microsoft yahei;font-size:13px;margin:0 auto;}
</div>
</div>
<div class="fl1">
<a class="title2" href="/view_search-144316-809020-1-0-20-1.html" target="_blank">红茶</a>
.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;}
<a href="/view_search-144316-0-5-1-24-1.html" target="_blank" class="biaoti all">查看所有商品</a>
.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;}
_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>
.user_menu ul li:hover ul .fl1:hover {background-color#C30D23;}
.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:hover {background-color:#C30D23;color:white;}</style>
<div class="user_menu">
<ul>
<li>
<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>
.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 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;}
<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>
</div>
<div class="fl1">
<a class="title2" href="/view_search-144316-907260-1-0-20-1.html" target="_blank">乌龙茶&
<div class="fl1">
<a class="title2" href="/view_search-144316-809019-1-0-20-1.html" target="_blank">绿茶</a>
<div class="fl2">
<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
.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 .all {padding-right:15px;background:url(/cms/g13/M08/15/0C/rBEhU1J53pMIAAAAAAAAUfY5SdkAAFEjAP_-3UAAABp387.gif) 105px top no-repeat #C30D23;}
<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>
.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;}
<style type="text/css">.user_menu {width:990px;z-index:1;position:absolute;font-family:microsoft yahei;font-size:13px;margin:0 auto;}
</div>
</div>
<div class="fl1">
<a class="title2" href="/view_search-144316-809020-1-0-20-1.html" target="_blank">红茶</a>
.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;}
<a href="/view_search-144316-0-5-1-24-1.html" target="_blank" class="biaoti all">查看所有商品</a>
.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;}
_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>