jquery – 如何阻止褪色在多个悬停重复

前端之家收集整理的这篇文章主要介绍了jquery – 如何阻止褪色在多个悬停重复前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我目前有以下代码
$("ol#homePortfolio li img").fadeTo("slow",1.0);

$("ol#homePortfolio li img").hover(
    function() {
        $("ol#homePortfolio li img").fadeTo("slow",0.8); 
    },function() {
        $("ol#homePortfolio li img").fadeTo("slow",1.0); 
    }
);

但是,当我多次将褪色和淡入淡出的图像悬停在图像上时,我该如何应用停止,这样只发生一次?

解决方法

你可能正在寻找 stop功能. (jquery.com今天有问题,这里是 Google’s cached copy链接.)停止停止任何正在进行中的动画.

只需在开始动画之前调用它即可停止该元素上的任何先前的动画:

$("ol#homePortfolio li img").stop().fadeTo("slow",0.8);
//                           ^----

你会想玩一点(我不会做很多可能重叠的动画),在中间停止一些动画可能意味着你需要确保将元素重置为已知状态.或者使用jumpToEnd标志:

$("ol#homePortfolio li img").stop(false,true).fadeTo("slow",0.8);
//                                ^      ^-- true = jump to the end of the animation
//                                |--------- false = don't clear the queue (you may
//                                           want true here,to clear it)
原文链接:https://www.f2er.com/jquery/175923.html

猜你在找的jQuery相关文章