动画创建一个完整的旋转循环

时间:2013-10-06 13:25:29

标签: jquery loops rotation jquery-animate

我创建一个鱼类动画,我希望他完成一个完整的(圆圈)旋转

function anim() {
    $(".fish_wrap").animate({
        "left": "-90px" }, 5000);    
}
anim();

function AnimateRotate(d){
    var elem = $(".fish_wrap");

    $({deg: 0}).animate({deg: d}, {
        duration: 9000,
        step: function(now){
            elem.css({
                 transform: "rotate(" + now + "deg)"
            });
        }
    });
}

AnimateRotate(120);

$(".fish_wrap")
.css({top:200,position:'absolute'})
.animate({top:0}, 8000, function() {

});

这里是小提琴链接:

http://jsfiddle.net/TxC5y/4/

0 个答案:

没有答案