求一个JQUERY做导航下拉菜单的思路
如题,鼠标悬浮出现下拉菜单,移开消失。自己做每次都有问题,如果鼠标在主菜单时直接上移,而不经过子菜单。子菜单不消失。实在是卡住了,求个思路。...
如题,鼠标悬浮出现下拉菜单,移开消失。
自己做每次都有问题,如果鼠标在主菜单时直接上移,而不经过子菜单。
子菜单不消失。实在是卡住了,求个思路。 展开
自己做每次都有问题,如果鼠标在主菜单时直接上移,而不经过子菜单。
子菜单不消失。实在是卡住了,求个思路。 展开
3个回答
展开全部
鼠标移出用拦没mouseleave就行了
<style>
li{
display: none;
}
</style>
</head>
<简巧纳body>
<ul>
<span>数字</span>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js" ></宽唤script>
<script>
$("span").mouseover(function(){
$("li").show()
});
$("ul").mouseleave(function(){
$("li").hide()
})
</script>
<style>
li{
display: none;
}
</style>
</head>
<简巧纳body>
<ul>
<span>数字</span>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js" ></宽唤script>
<script>
$("span").mouseover(function(){
$("li").show()
});
$("ul").mouseleave(function(){
$("li").hide()
})
</script>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
菜单结构ul,li
纯js有一些麻烦
使用jquery的hover方法不错
纯js有一些麻烦
使用jquery的hover方法不错
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询