关于jquery的淡入淡出问题

最新推荐文章于 2025-08-11 19:52:03 发布

weixin_33736048

最新推荐文章于 2025-08-11 19:52:03 发布

阅读量66

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端 ViewUI

原文链接：http://blog.51cto.com/12390959/2056997

本文介绍如何使用jQuery优化淡入淡出效果，避免动作排队导致的时间浪费，并通过使用stop()方法解决动画卡顿问题。

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

近期想要做前端淡入淡出，想到使用javascript实现的话比较麻烦，需要计算透明度来实现，于是查看jquery有没有方便的方法，结果发现了jQuery fadeIn()或者fadeOut()来实现，但是使用后发现它所有动作都是存在队列里的，如果你反复切换3次，比如每次1秒，那么这个动作淡入淡出重复3次，耗时6秒，然后试着使用stop（）进行停止前面的动作，发现有时候会卡着，于是正确的使用方法如下：

$(".mark_left").mouseover(function (){
        $(".leftBtn").stop().animate({ 'opacity': 1 }, 1000);
    });
    $(".mark_left").mouseleave(function (){
        $(".leftBtn").stop().animate({ 'opacity': 0 }, 1000);
    });

转载于:https://blog.51cto.com/12390959/2056997