jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Jquery Hover闪烁问题大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
希望你的人会好起来的.这是我的基本代码

http://jsfiddle.net/kr9pY/7/

在这个演示中,你可以看到当我们将id悬停在id为“容器”的div上时,一个带有class =“nav”的div淡入.但问题是,这样做之后如果我将div悬停在div上,使用class =“nav”div淡出并再次淡出,如果我将光标稍微移动到.nav div中,它会重复重复此行为.当我们将鼠标悬停在此div中的.nav div或mover光标时,我不想这种行为.

谢谢,抱歉我的英语不好.

解决方法

尝试

$(document).ready(function(){ 

   $("#containerNav").hover(
   function() { $('.nav').stop(true,true).fadeIn(); },function() { $('.nav').stop(true,true).fadeOut(); }
   );
   });

取自http://api.jquery.com/stop/

我更改了标记添加包含div,这会停止调用鼠标.

<div id="containerNav">
    <div class="nav"><a class="prev" href="#">Prev</a> <a class="next" href="#">Next</a>  </div>
    <div id="container">
        Some Content in Container
    </div>
</div>

现在,当你将鼠标悬停在控件上时,你没有做一个导致眨眼的鼠标.

http://jsfiddle.net/kr9pY/9/

大佬总结

以上是大佬教程为你收集整理的Jquery Hover闪烁问题全部内容,希望文章能够帮你解决Jquery Hover闪烁问题所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: