jQuery控制旋转的用法示意实例页面

回到相关文章 »

代码:

HTML代码:
<img id="image" src="//image.zhangxinxu.com/image/study/s/s256/mm1.jpg" />
<p><input type="button" value="点击transform旋转45度" /></p>
                
JS代码:
var eleImage = $("#image");
$("input[type='button']").bind("click", function() {
    $.each(["Moz", "Webkit", "Ms", "O", ""], function(index, prefix) {
        var transform = prefix? "Transform": "transform";
        eleImage.css(prefix + transform,  "rotate(45deg)");    
    });	
});
                

效果: