这段代码用于下拉菜单,问题是当我将鼠标悬停在li上时,下拉菜单会很好地打开,然后当我将鼠标移到新的下拉div上时,会删除li a的悬停属性,因此我需要li a使用鼠标悬停属性,直到鼠标离开li a或drop div。
$("ul.nav li").hover(function(){
$(this).find('.dropdown').toggle();
});
这是我正在使用的菜单代码。
<ul class="nav">
<li class="first"><a href="/">HOME</a></li>
<li>
<a href="#">CATEGORIES</a>
<div class="dropdown" style="display: none">test</div>
</li>
</ul>
只需使用良好的CSS即可完成此操作。不需要jQuery。
.dropdown { display: none; }
.nav li:hover .dropdown { display: block; }
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句