DW用的手风琴折叠法菜单，如何把鼠标移二级菜单二级菜单不动折叠，
点击联系发帖人
时间：2015-06-29 01:27
jQuery二级垂直折叠手风琴导航菜单
下载资源()次
阅读次数()次
发布时间：
用法简介：
jQuery二级垂直折叠手风琴导航菜单。文件引用：&script&type=text/javascript&
$(document).ready(function(){
$(&#firstpane&.menu_body:eq(0)&).show();
$(&#firstpane&p.menu_head&).click(function(){
$(this).addClass(¤t&).next(&div.menu_body&).slideToggle(300).siblings(&div.menu_body&).slideUp(&slow&);
$(this).siblings().removeClass(¤t&);
$(&#secondpane&.menu_body:eq(0)&).show();
$(&#secondpane&p.menu_head&).mouseover(function(){
$(this).addClass(¤t&).next(&div.menu_body&).slideDown(500).siblings(&div.menu_body&).slideUp(&slow&);
$(this).siblings().removeClass(¤t&);
相关标签：
网友评论：
一、不得利用本站危害国家安全、泄露国家秘密，不得侵犯国家社会集体的和公民的合法权益，不得利用本站制作、复制和传播不法有害信息！
二、互相尊重，对自己的言论和行为负责。
什么是邮箱订阅？
邮箱订阅是xw素材网为jquery爱好者与web程序员提供一项以邮箱的方式发送最新jquery资源与素材资源的模式，用户只需在左侧填写正确的邮箱用户名与邮箱地址我们将每天推荐最新优质资源到用户邮箱。当然每份邮箱都会有一个取消订阅按钮，当用户点击取消按钮时我们将会停止对用户发送邮箱资源推送。再次感谢大家对xw素材网的支持与关注。jquery 菜单特效简单的div展开收缩菜单类似手风琴的折叠菜单代码
下载资源：1126次
下载积分：20分
本站评论功能暂时取消，后续此功能例行通知。
一、不得利用本站危害国家安全、泄露国家秘密，不得侵犯国家社会集体的和公民的合法权益，不得利用本站制作、复制和传播不法有害信息！
二、互相尊重，对自己的言论和行为负责。
下载该资源用户也下载了
未注册过用户可以点击直接登录哦！
使用注册邮箱登录
选择画板...
你已经成功采集到
&|关闭窗口JS特效二级下拉菜单（鼠标滑过弹出下拉菜单）
/ , 5:45 PM / 关键词:
今天本站老域名权重已完全传递至新域名，目前权重2，从2月18日开始正式启用新域名到今天完全把权重传递，历时整整20天，预计一个月后把老域名取消301重定向。淘宝美工网唯一域名：
为了感谢大家一直以来的支持，今天本站发布一款重量级的代码：二级下拉菜单。此JS特效代码实用性强，在很多大卖家的店铺里都会使用二级下拉菜单，具体效果请看三金冠醉清风的店铺。此代码经过测试，完全兼容各种浏览器，当然，包括IE6。
此代码我设置的是九个大分类，如果您不需要这么多，直接编辑源代码，删除即可；
注意：要想使用此二级下拉菜单，最好借助一下代码编辑器，比如DW，这样编辑会方便些。
如果不会使用，请看以下视频演示：（）
二级下拉菜单源代码如下：
&div style="width:950height:30background:#FFF;overflow:"&
&div class="sub all_t1" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类1&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t1','align':{'node':'.all_t1','offset':[5,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#" style="color:#F00;"&元月新款&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#" style="color:#F00;"&12月新款&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t2" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类2&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t2','align':{'node':'.all_t2','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t3" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类3&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t3','align':{'node':'.all_t3','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t4" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类4&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t4','align':{'node':'.all_t4','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t5" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类5&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t5','align':{'node':'.all_t5','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#" style="color:#F00;"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t6" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类6&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t6','align':{'node':'.all_t6','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t7" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类7&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t7','align':{'node':'.all_t7','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t8" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类8&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t8','align':{'node':'.all_t8','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t9" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类9&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t9','align':{'node':'.all_t9','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
带搜索栏完整版如下：
&div style="width:950height:30background:#FFF;overflow:"&
&div class="sub all_t1" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类1&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t1','align':{'node':'.all_t1','offset':[5,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#" style="color:#F00;"&元月新款&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#" style="color:#F00;"&12月新款&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t2" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类2&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t2','align':{'node':'.all_t2','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t3" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类3&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t3','align':{'node':'.all_t3','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t4" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类4&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t4','align':{'node':'.all_t4','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t5" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类5&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t5','align':{'node':'.all_t5','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#" style="color:#F00;"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t6" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类6&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t6','align':{'node':'.all_t6','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t7" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类7&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t7','align':{'node':'.all_t7','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t8" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类8&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t8','align':{'node':'.all_t8','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t9" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&搜索宝贝&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t9','align':{'node':'.all_t9','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&form action="/" method="get" name="SearchForm"&
&input name="userId" type="hidden" value="" /&
&input name="shopId" type="hidden" value="279839" /&
&input name="view_type" type="hidden" value="" /&
&input name="order_type" type="hidden" value="" /&
&input name="search" type="hidden" value="y" /&
&input name="keyword" style="width:200" /&
&button title="搜索宝贝" type="submit" style="width:80height:22background:#FE8B8E;color:#border:0;"&搜索宝贝&/button&
(21 条评论)
(6 条评论)
(14 条评论)
(15 条评论)
(8 条评论)
(10 条评论)
(20 条评论)
(13 条评论)
(8 条评论)
(55 条评论)
试了下，自定义模板的话必须把模板拉长，不然显示不全哦
@vboy: 嗯，这是肯定的，所以想要方便的修改代码，还是建议使用代码编辑器，比如DW、VIM等
自定义背景颜色后，不能通栏状态.950以外区域全部露白.
这个怎么搞定啊.
@SEP.: 不太明白你的意思，你想950以外区域不是白色的话，那就直接设置页面背景的背景颜色即可
好吧,我真的不懂代码.
刚刚突然就想到,想将你的 一个搜索栏代码和这个二级下拉菜单相结合.
但是,因为不懂代码.我就是将代码贴到了 原本属于第九大类所在的区域.
DW预览的时候是OK 没问题的.
但是贴到淘宝里后预览&&就发现,搜索框是和其他文字在同一层的.
点击搜索的&&搜索字样 却到另一行.
原本以为是第九分类的像素区域过小,就把第八大类的整段代码删除.
将第八大类的像素加给了 第九类.可问题依然存在....
这个我真搞不定了
@SEP.: 亲，我真听不太懂你的意思，你是要改成什么样
@GXzhou: 亲，可能是发到这个帖子里的原因，让你么有听懂吧。
我意思是，你有两个帖子，分别是二级下拉菜单的代码，还有一个是宝贝搜索的代码。
我想把这两个东西结合起来呢。
@SEP.: 这简单的，明天下午给你完整版的
@SEP.: 亲，带搜索栏的完整版代码已更新到文章中
非常感谢分享！
遇到一个问题&&就是导航二级下拉在主页能显示，可是在列表页无法显示，好像被上面的层盖住了，可是Z-INDEX: 999999&&还是无法显示&&求助！！！！！！！！！！！！！！！！！
@leon3: 这是这样的，暂时没有办法解决
请问怎么把背景改成透明的啊？
@lixiaolonglieo: 删除&li&标签里的background:#FFF;
@GXzhou: 感谢！
谢谢站长，我已经明白了，使用淘宝的弹出层组件做的，前几天看到你那个放大镜的效果时候就明白过来了，改了这个导航的鼠标经过效果。结果现在发现了这个帖子，真是蛋疼了啊。哈哈，不过自己研究了也好，对于代码也熟悉多了。淘宝屏蔽的太多了，真心不爽。
针对淘宝组件的viewsize设定，可以做出超出950范围的效果，根据全屏轮播改的。今天看到你那个通过设定模块CSS的方法，好像也更方便了，不知道是否也可行，下次我试试。再次谢谢站长。
我试了一下，好象不行，我也找到了块代码，非常好的下单导航菜单代码，就是现在在某个淘宝店里用着的。但不知道怎样才能安装上去？期待大师详细指点，请加我QQ ，麻烦你，原代码如下：（因为系统限制，太长发不了，我放到百度云算了！请下载测试，指点一下，非常好的！就是要怎样才能安装到我的淘宝店里去？）
/s/1gdGMqEv
期待指点我解决一下，非常喜欢，就是不知道怎样才能安装上去啊？麻烦加一下我的QQ，在线等待！
名字 (必填,如果已是注册用户请先登陆)
邮箱 (必填,不会被公开,只有站长才能看到)
网站（可填可不填，如填请加http://）
验证码 (必填)}
下载资源()次
阅读次数()次
发布时间：
用法简介：
jQuery二级垂直折叠手风琴导航菜单。文件引用：&script&type=text/javascript&
$(document).ready(function(){
$(&#firstpane&.menu_body:eq(0)&).show();
$(&#firstpane&p.menu_head&).click(function(){
$(this).addClass(¤t&).next(&div.menu_body&).slideToggle(300).siblings(&div.menu_body&).slideUp(&slow&);
$(this).siblings().removeClass(¤t&);
$(&#secondpane&.menu_body:eq(0)&).show();
$(&#secondpane&p.menu_head&).mouseover(function(){
$(this).addClass(¤t&).next(&div.menu_body&).slideDown(500).siblings(&div.menu_body&).slideUp(&slow&);
$(this).siblings().removeClass(¤t&);
相关标签：
网友评论：
一、不得利用本站危害国家安全、泄露国家秘密，不得侵犯国家社会集体的和公民的合法权益，不得利用本站制作、复制和传播不法有害信息！
二、互相尊重，对自己的言论和行为负责。
什么是邮箱订阅？
邮箱订阅是xw素材网为jquery爱好者与web程序员提供一项以邮箱的方式发送最新jquery资源与素材资源的模式，用户只需在左侧填写正确的邮箱用户名与邮箱地址我们将每天推荐最新优质资源到用户邮箱。当然每份邮箱都会有一个取消订阅按钮，当用户点击取消按钮时我们将会停止对用户发送邮箱资源推送。再次感谢大家对xw素材网的支持与关注。jquery 菜单特效简单的div展开收缩菜单类似手风琴的折叠菜单代码
下载资源：1126次
下载积分：20分
本站评论功能暂时取消，后续此功能例行通知。
一、不得利用本站危害国家安全、泄露国家秘密，不得侵犯国家社会集体的和公民的合法权益，不得利用本站制作、复制和传播不法有害信息！
二、互相尊重，对自己的言论和行为负责。
下载该资源用户也下载了
未注册过用户可以点击直接登录哦！
使用注册邮箱登录
选择画板...
你已经成功采集到
&|关闭窗口JS特效二级下拉菜单（鼠标滑过弹出下拉菜单）
/ , 5:45 PM / 关键词:
今天本站老域名权重已完全传递至新域名，目前权重2，从2月18日开始正式启用新域名到今天完全把权重传递，历时整整20天，预计一个月后把老域名取消301重定向。淘宝美工网唯一域名：
为了感谢大家一直以来的支持，今天本站发布一款重量级的代码：二级下拉菜单。此JS特效代码实用性强，在很多大卖家的店铺里都会使用二级下拉菜单，具体效果请看三金冠醉清风的店铺。此代码经过测试，完全兼容各种浏览器，当然，包括IE6。
此代码我设置的是九个大分类，如果您不需要这么多，直接编辑源代码，删除即可；
注意：要想使用此二级下拉菜单，最好借助一下代码编辑器，比如DW，这样编辑会方便些。
如果不会使用，请看以下视频演示：（）
二级下拉菜单源代码如下：
&div style="width:950height:30background:#FFF;overflow:"&
&div class="sub all_t1" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类1&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t1','align':{'node':'.all_t1','offset':[5,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#" style="color:#F00;"&元月新款&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#" style="color:#F00;"&12月新款&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t2" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类2&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t2','align':{'node':'.all_t2','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t3" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类3&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t3','align':{'node':'.all_t3','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t4" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类4&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t4','align':{'node':'.all_t4','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t5" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类5&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t5','align':{'node':'.all_t5','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#" style="color:#F00;"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t6" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类6&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t6','align':{'node':'.all_t6','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t7" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类7&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t7','align':{'node':'.all_t7','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t8" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类8&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t8','align':{'node':'.all_t8','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t9" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类9&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t9','align':{'node':'.all_t9','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
带搜索栏完整版如下：
&div style="width:950height:30background:#FFF;overflow:"&
&div class="sub all_t1" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类1&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t1','align':{'node':'.all_t1','offset':[5,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#" style="color:#F00;"&元月新款&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#" style="color:#F00;"&12月新款&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15width:"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t2" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类2&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t2','align':{'node':'.all_t2','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t3" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类3&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t3','align':{'node':'.all_t3','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t4" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类4&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t4','align':{'node':'.all_t4','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t5" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类5&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t5','align':{'node':'.all_t5','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#" style="color:#F00;"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t6" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类6&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t6','align':{'node':'.all_t6','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t7" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类7&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t7','align':{'node':'.all_t7','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t8" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&+大分类8&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t8','align':{'node':'.all_t8','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&ul style="width:95overflow:hidden"&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&li style="line-height:24background:#FFF;padding:2px 15"&
&a href="#"&下拉小分类&/a&&/li&
&div class="sub all_t9" style="width:65line-height:30padding:0 10float:"&
&a href="#" style="color:#FE8B8E;" target="_blank"&搜索宝贝&/a&
&div class="J_TWidget hidden" data-widget-config="{'trigger':'.all_t9','align':{'node':'.all_t9','offset':[0,0],'points':['bc','tc']}}" data-widget-type="Popup" style="z-index:99999;visibility:"&
&form action="/" method="get" name="SearchForm"&
&input name="userId" type="hidden" value="" /&
&input name="shopId" type="hidden" value="279839" /&
&input name="view_type" type="hidden" value="" /&
&input name="order_type" type="hidden" value="" /&
&input name="search" type="hidden" value="y" /&
&input name="keyword" style="width:200" /&
&button title="搜索宝贝" type="submit" style="width:80height:22background:#FE8B8E;color:#border:0;"&搜索宝贝&/button&
(21 条评论)
(6 条评论)
(14 条评论)
(15 条评论)
(8 条评论)
(10 条评论)
(20 条评论)
(13 条评论)
(8 条评论)
(55 条评论)
试了下，自定义模板的话必须把模板拉长，不然显示不全哦
@vboy: 嗯，这是肯定的，所以想要方便的修改代码，还是建议使用代码编辑器，比如DW、VIM等
自定义背景颜色后，不能通栏状态.950以外区域全部露白.
这个怎么搞定啊.
@SEP.: 不太明白你的意思，你想950以外区域不是白色的话，那就直接设置页面背景的背景颜色即可
好吧,我真的不懂代码.
刚刚突然就想到,想将你的 一个搜索栏代码和这个二级下拉菜单相结合.
但是,因为不懂代码.我就是将代码贴到了 原本属于第九大类所在的区域.
DW预览的时候是OK 没问题的.
但是贴到淘宝里后预览&&就发现,搜索框是和其他文字在同一层的.
点击搜索的&&搜索字样 却到另一行.
原本以为是第九分类的像素区域过小,就把第八大类的整段代码删除.
将第八大类的像素加给了 第九类.可问题依然存在....
这个我真搞不定了
@SEP.: 亲，我真听不太懂你的意思，你是要改成什么样
@GXzhou: 亲，可能是发到这个帖子里的原因，让你么有听懂吧。
我意思是，你有两个帖子，分别是二级下拉菜单的代码，还有一个是宝贝搜索的代码。
我想把这两个东西结合起来呢。
@SEP.: 这简单的，明天下午给你完整版的
@SEP.: 亲，带搜索栏的完整版代码已更新到文章中
非常感谢分享！
遇到一个问题&&就是导航二级下拉在主页能显示，可是在列表页无法显示，好像被上面的层盖住了，可是Z-INDEX: 999999&&还是无法显示&&求助！！！！！！！！！！！！！！！！！
@leon3: 这是这样的，暂时没有办法解决
请问怎么把背景改成透明的啊？
@lixiaolonglieo: 删除&li&标签里的background:#FFF;
@GXzhou: 感谢！
谢谢站长，我已经明白了，使用淘宝的弹出层组件做的，前几天看到你那个放大镜的效果时候就明白过来了，改了这个导航的鼠标经过效果。结果现在发现了这个帖子，真是蛋疼了啊。哈哈，不过自己研究了也好，对于代码也熟悉多了。淘宝屏蔽的太多了，真心不爽。
针对淘宝组件的viewsize设定，可以做出超出950范围的效果，根据全屏轮播改的。今天看到你那个通过设定模块CSS的方法，好像也更方便了，不知道是否也可行，下次我试试。再次谢谢站长。
我试了一下，好象不行，我也找到了块代码，非常好的下单导航菜单代码，就是现在在某个淘宝店里用着的。但不知道怎样才能安装上去？期待大师详细指点，请加我QQ ，麻烦你，原代码如下：（因为系统限制，太长发不了，我放到百度云算了！请下载测试，指点一下，非常好的！就是要怎样才能安装到我的淘宝店里去？）
/s/1gdGMqEv
期待指点我解决一下，非常喜欢，就是不知道怎样才能安装上去啊？麻烦加一下我的QQ，在线等待！
名字 (必填,如果已是注册用户请先登陆)
邮箱 (必填,不会被公开,只有站长才能看到)
网站（可填可不填，如填请加http://）
验证码 (必填)}
我要回帖
更多推荐
- ·数字化营销系统案例如何找？
- ·几年前看过的小说，男主和魔物娘勇者的正经游戏不知道怎么样就可以用她的能力之后可以随便用？
- ·天猫精灵的关于未来的笑话讲笑话的关于未来的笑话长什么样男生图片？
- ·买东西怎么省钱又快又省钱？
- ·i百联怎么样上主要销售哪些品类的产品？
- ·谁认识两鲜网的人？本人想去应聘他们家文案，好有范儿～～比如：一样的面孔，不一样的心，都是水润清甜
- ·格力空调3p挂机1.5p挂机3P柜机大概多少钱？
- ·STM8S 内置stm8s003 eeprom程序写入，读取两个字长的数据的程序如何写？（不用指针操作）
- ·买平板电视什么牌子好啦！
- ·睿珂的粉蓝睿珂珠宝怎么样样
- ·SF换了登录器有传奇盾的造成上链接不起传奇，闭经怎么能调有月经解决
- ·大众高尔夫gti进口电脑如何调成中文版
- ·14w6br6vs4cs83ix
- ·怎样从平板电脑不能下载东西上下臷东西?
- ·文件管理里面的手机crash是什么意思思
- ·开了网但是不可以用是凤凰网打不开怎么回事事
- ·cpu为何不会自制cpu水冷散热器?
- ·橱窗展示设计计中是否要考虑观展者超近路的行为？
- ·游戏人生的初中议论文600字字数
- ·最近病毒是不是分解者有一个叫工作总结的电脑病毒
- ·DW用的手风琴折叠法菜单，如何把鼠标移二级菜单二级菜单不动折叠，
- ·我的广州翰智软件有限公司平板照相功能突然不能用了应该怎么办？
- ·一小时了，还是回答不出问题，太慢了，不好意思怎么回答用
- ·为什么我的手机看斗鱼高清直播直播用硬件解码看高清成了放慢速度的？很慢。
- ·qq空间里面哪里有个人信息出售我赞不了他 不是单向好友 就是陌生人 为什么 （我好像拉黑过他）
- ·在家不用进货就可以自己当老板 服装，包包，饰品，母婴产品进货渠道 上万种类产品 手机就可以经营 不会可以教
- ·一路捞捞币电脑（PC）端怎么获取捞币？
- ·同花顺股票开户这支股票今天为什么停牌
- ·你好，我的联想华硕笔记本开机后黑屏电脑开机后有时桌面还没显示完全就卡死了，按什么键都没有用。
- ·10086怎么查流量和爱分享咋开流量?
- ·sql问题。怎么把.sql文件导入sql server 2008 导入中
- ·你怎么会有幽门螺杆菌知道小凯扣扣？你的扣扣多少，我加你
- ·CAD测量大于绘画出的尺寸，标注里调节cad设置比例尺尺试过似乎没用。
- ·为什么哪个拼车软件最赚钱不支持微型车
- ·跪求感叹命运的诗句使命召唤的诗句
