jQuery：我如何动画div旋转？

使用WebkitTransform / -moz-transform：rotate(Xdeg)。这不会在IE中工作，但马特的 zachstronaut解决方案不工作在IE。

如果你想支持IE，你必须调查使用画布像我相信Raphael does。

这里有一个简单的jQuery代码片段，用于旋转jQuery对象中的元素。旋转可以开始和停止：

$(function() {
    var $elie = $("img"),degree = 0,timer;
    rotate();
    function rotate() {
        
        $elie.css({ WebkitTransform: 'rotate(' + degree + 'deg)'});  
        $elie.css({ '-moz-transform': 'rotate(' + degree + 'deg)'});                      
        timer = setTimeout(function() {
            ++degree; rotate();
        },5);
    }
    
    $("input").toggle(function() {
        clearTimeout(timer);
    },function() {
        rotate();
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<input type="button" value=" Toggle Spin " />
<br/><br/><br/><br/>
<img src="http://i.imgur.com/ABktns.jpg" />

@H_772_2@ @H_772_2@

大佬总结

以上是大佬教程为你收集整理的jQuery：我如何动画div旋转？全部内容，希望文章能够帮你解决jQuery：我如何动画div旋转？所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。