如何在<li>
内显示第一个<ul>
,当我将鼠标悬停在<li>
上?切换ul(子菜单)
0
A
回答
3
HTML:
<ul>
<li class="firstLevel">
<ul></ul>
</li>
<li class="firstLevel"></li>
<li class="firstLevel"></li>
</ul>
JS:
$('li.firstLevel').hover(function(){
$(this).find('ul:first').show();
},
function(){
$(this).find('ul:first').hide();
});
注:这是只需要对不上LIS支持hover
浏览器(IE6)
3
$("ul.menu>li").hover(
function() {
$(this).children("ul:first").show();
},
function() {
$(this).children("ul:first").hide();
}
);
0
只是为了提倡CSS。如果您不支持IE6并且不需要特殊效果,我建议您使用CSS进行此操作:
ul.menu li > ul {
display: none;
}
ul.menu li:hover > ul {
display: block;
}
相关问题
- 1. 切换子菜单内的子菜单
- 2. 点击切换子菜单
- 3. 显示右父UL菜单的子UL
- 4. Zend_Navigation子菜单UL类集?
- 5. 导航子菜单切换到其他子菜单上悬停
- 6. CSS在DevExtreme中切换子菜单
- 7. 如何切换垂直jQuery.mmenu子菜单?
- 8. WordPress切换边栏子菜单
- 9. 子菜单导航切换错误
- 10. 切换菜单项
- 11. 不切换菜单
- 12. jQuery - 隐藏主ul单击子菜单
- 13. 如何切换菜单中的子菜单项
- 14. 在子菜单中,自举下拉菜单取消切换
- 15. 切换菜单 - 上点击子菜单 - jQuery的/ HTML
- 16. 使父菜单链接切换子菜单链接
- 17. jQuery切换菜单下拉菜单
- 18. 居中一个ul子菜单
- 19. 重叠的子菜单UL里的
- 20. Jquery ul子菜单slidetoggle问题
- 21. ul#菜单和#menu?
- 22. UL和菜单项
- 23. CSS盒/ ul菜单
- 24. 子菜单被切断
- 25. 为每个UL添加一个DIV(子菜单) - 下拉菜单
- 26. jquery导航菜单切换
- 27. jQuery的切换菜单
- 28. 切换菜单错误
- 29. 复选框菜单切换
- 30. 切换滑出菜单
您支持哪些浏览器?您可能不需要JavaScript。 – 2010-12-06 19:56:48