JQuery mouseenter()和mouseleave()
JQuery mouseenter()和mouseleave()
提问于 2013-04-01 13:50:53
所以我得到了这个演示导航，它在旁边有一个小按钮，当你悬停按钮时，它会将菜单滑到窗口中。虽然我已经让鼠标悬停了，但现在当鼠标离开时，它仍然是打开的。如何解决这个问题？顺便说一下，我对jQuery还很陌生
下面是html：
<div id="demoNav">
<button class="open"></button>
<ul>
<li><a href="index.html">Home Pagina</a></li>
<li><a href="product.html">Product Pagina</a></li>
<li><a href="bestel.html">Bestel Pagina</a></li>
</ul>
</div>和我的jQuery：
$("#demoNav").mouseenter(function(){
$("#demoNav").animate({marginLeft:'0px'}, 500)
});如果你需要更多的信息，尽管告诉我，我会提供更多的代码。
回答 6
Stack Overflow用户
回答已采纳
发布于 2013-04-01 14:05:19
试试这个：
$("#demoNav").hover(
function () {
$(this).animate({
marginLeft: '0px'
}, 500)
},
function () {
$(this).animate({
marginLeft: '50px'
}, 500)
});Stack Overflow用户
发布于 2013-04-01 13:54:55
实际上，您并没有让它再次隐藏起来。
也就是说，我想推荐这个CSS替代方案：
#demoNav {
transition:margin-left 0.5s ease;
-webkit-transition:margin-left 0.5s ease;
}
#demoNav:hover {
margin-left:0;
}Stack Overflow用户
发布于 2013-04-01 13:54:08
添加鼠标保存事件-
$('#demoNav').mouseleave(function(){
$("#demoNav").animate({marginLeft:'50px'}, 500)
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15744751
复制相关文章
![[Office] 如何对Excel二维表中的所有数值进行排序](https://ask.qcloudimg.com/http-save/yehe-4998871/3dm7iiseii.png)
点击加载更多
相似问题
如何根据资源标签授予对所有AWS资源的访问权限？
如何授予Azure Pipeline对网络资源的访问权限？
如何以“文件”的形式访问资源
对所有形式的PO Box进行测试
ASP.NET成员对网络资源的访问
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
