用hover动画事件鼠标浮上多次执行

最新推荐文章于 2025-08-10 16:30:00 发布

frida522

最新推荐文章于 2025-08-10 16:30:00 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/weixin_37860686/article/details/79286169

js 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的鼠标悬停效果优化方案。通过在animate函数前加入stop()函数，有效避免了动画重复执行的问题，提高了用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 $(".jewel_new_li").hover(function(){

           $(this).find(".jewel_hide").show().stop().animate({marginTop:"-65px"},300);
           $(this).find(".jewel_p_ren").hide();

       },function(){
           $(this).find(".jewel_hide").stop().animate({marginTop:"-20px"},300);
           $(this).find(".jewel_p_ren").show();

       })

如上代码，在animate函数前加上stop（）函数这样鼠标浮上动画就不执行多次了