javascript - 来回制作动画循环

Question

我想让鱼的尾巴“.tail_fin”来回旋转 30 度

这是小提琴链接：http: //jsfiddle.net/3XZ59/9/

/* 在循环中来回动画 */

 $('.tail_fin').transition({
      rotate: '+=30deg',
      x: '+=10'
    });

Answer 1

这是我想出的：

function flipper(){
    $('.tail_fin').transition({
        rotate: '+=30deg',
    }, function(){
        $('.tail_fin').transition({
            rotate: '-=30deg',
        }, flipper());
    });
}

flipper();

显然，您可以弄乱它以使其看起来更好。