美文网首页JavaScript
[JavaScript] $.fn.animate

[JavaScript] $.fn.animate

作者: 何幻 | 来源:发表于2016-03-05 08:10 被阅读7次
    $(selector).animate(styles,speed,easing,callback);
    $(selector).animate(styles,options);
    

    用于执行自定义动画,通过CSS样式,将一个状态改变为另一个状态

    例如:

    $container.find('>span:first-child').animate({
        width:radius,
        height:radius,
        left:maxRadius/2-radius/2,
        top:maxRadius/2-radius/2
    },interval,function(){
        $container.find('>span:first-child').animate({
            opacity:0
        },500,function(){
            loopAnimate.call($container,radius,interval,maxRadius,initRadius);
        });
    });
    

    注:
    (1)只有数字属性值可以创建动画
    (2)可以使用+=或者-=来创建“相对动画”
    (3)使用$(selector).stop()可以停止动画
    (4)使用$(selector).is(':animated')来判断是否正在执行动画

    相关文章

      网友评论

        本文标题:[JavaScript] $.fn.animate

        本文链接:https://www.haomeiwen.com/subject/mzenkttx.html