我需要在单击按钮时以不同角度旋转文本。
我需要两个按钮，一个用于顺时针移动文本，另一个用于逆时针移动文本。
尝试这个：
html:
<input id="rotateBtn" type="submit" value="rotate"/>
<div class="textToRotate">text to be rotated</div>
css (提示：使用transform-origin来控制旋转锚点，这里仅用于webkit)
.rotate {
-moz-transform: rotate(7.5deg); /* FF3.5+ */
-o-transform: rotate(7.5deg); /* Opera 10.5 */
-webkit-transform: rotate(7.5deg); /* Saf3.1+, Chrome */
-webkit-transform-origin: 0 0 ;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083); /*IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
}
文档上的 jQuery 准备就绪：
$('#rotateBtn').click(function() {
$('.textToRotate').addClass('rotate');
});
在这里查看：http://jsfiddle.net/SebastianPataneMasuelli/YZY8J/2/ http://jsfiddle.net/SebastianPataneMasuelli/YZY8J/2/
更新：每次点击增加 20 度：http://jsfiddle.net/SebastianPataneMasuelli/YZY8J/5/ http://jsfiddle.net/SebastianPataneMasuelli/YZY8J/5/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
