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)");
});
});
效果: