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