到目前为止,这是我尝试过的。我在控制台中没有收到错误消息,而且 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();
}
});
}
我做错了什么?
最佳答案
我想这就是您所需要的。 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();
});
附注:您可以通过将“旋转:1000”属性更改为任何其他值来控制旋转速度。
感谢@nnnnnn 让我开始。
关于jquery - 尝试制作旋转动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18142632/