Question

这是我到目前为止所尝试过的。我没有在控制台中出现错误，div也没有旋转 http://jsfiddle.net/B8shT/

window.i = 10000;
function dothetwist()
{
    $('#box').animate( {
        step: function(now,fx) {
            $(this).css('-webkit-transform','rotatey('+now+'deg)');
        },
        duration: window.i,
        complete: function() {
            window.i=window.i-1000;
            dothetwist();
        }
    });       
}

我做错了什么？

Answer 1

我想这就是你需要的。 JSFIDDLE

window.i = 10000;

function dothetwist() {
  $( "#box" ).animate({
      rotate: 1000
  }, {
       step: function(now,fx) {
            $(this).css('-webkit-transform','rotate('+now+'deg)');
        },
    duration: window.i,
    complete: function() {
         window.i=window.i-1000;
            dothetwist();
    }
  });
}

$("#box").click(function() {
dothetwist();
});

P.S。：您可以通过将“rotate：1000”属性更改为任何其他值来控制旋转速度。

感谢@nnnnnn让我开始。

试图制作旋转动画

1 个答案: