jquery - 循环自动旋转图像

Question

我想像加载器动画 GIF 一样旋转图像。

我<img>在 html 中有标签，我的 Jquery 代码是这样的：

setInterval(
    function () {
        $('#at_ex1').animate({rotate: '+=10deg'}, 0);
    },
    200
);

但不能正常工作。如何在循环中在 Jquery 和 CSS3 中使用此方法。

Answer 1

看看这个小提琴，我怀疑它完全符合你的要求。

http://code.google.com/p/jqueryrotate/wiki/Examples

Answer 2

var $elie = $("img"), degree = 0, timer;

function rotate() {

    $elie.css({ WebkitTransform: 'rotate(' + degree + 'deg)'});
    $elie.css({ '-moz-transform': 'rotate(' + degree + 'deg)'});
    timer = setTimeout(function() {
        ++degree; rotate();
    },100);
}