jquery常量旋转

时间:2012-01-31 17:12:04

标签: jquery rotation

有人可以给我看一个简单的旋转脚本

<img src="xxx.jpg" id="image">

我看过Howto rotate image using jquery rotate plugin?,但我仍然无法让它工作,我也看了http://code.google.com/p/jqueryrotate/wiki/Examples#Example_3但似乎无法找到他们的代码...

有人可以帮助我吗?

谢谢!

2 个答案:

答案 0 :(得分:2)

代码就在示例下方......

var angle = 0;
setInterval(function(){
      angle += 3;
     $("#img").rotate(angle);
}, 50);

答案 1 :(得分:2)

您可以尝试设置旋转变换而不是依赖插件。这不会涵盖所有浏览器类型,但会获得大型现代浏览器。

http://jsfiddle.net/YgBMa/1

var angle = 0;
setInterval(function() {
    console.log(angle);
    $("#image")
        .css('-webkit-transform', 'rotate('+angle+'deg)')
        .css('-moz-transform', 'rotate('+angle+'deg)')
        .css('-ms-transform', 'rotate('+angle+'deg)');
    angle++;
}, 100);