我试图让一张图片每次点击都在原地旋转(这张图片是一个老式电视旋钮)。尽管我已经尽力了,但我无法让它实现。
以下是代码:
var value = 0
$("#img").rotate({
bind:
{
click: function(){
value +=90;
$(this).rotate({ animateTo:value})
}
}
});
我试图让一张图片每次点击都在原地旋转(这张图片是一个老式电视旋钮)。尽管我已经尽力了,但我无法让它实现。
以下是代码:
var value = 0
$("#img").rotate({
bind:
{
click: function(){
value +=90;
$(this).rotate({ animateTo:value})
}
}
});
$('#img').click(function(){
$(this).animate({rotate: '+=10deg'}, 0);
});
或者使用这个插件:http://code.google.com/p/jqueryrotate/ ,它可以让你实现类似于下面的效果:
$("#img").rotate({
bind: {
click: function() {
$(this).rotate({
animateTo: (parseInt($(this).getRotateAngle()) + 10),
easing: $.easing.easeInOutExpo
})
}
}
});
这里有一个快速示例,使用了一个名为jqueryrotate的jQuery插件。