javascript - 在按钮单击事件中旋转文本

Question

我需要在点击按钮时以不同 Angular 旋转文本。

我需要两个按钮，一个顺时针移动文本，另一个逆时针移动文本。

Answer 1

试试这个:

html:

<input id="rotateBtn" type="submit" value="rotate"/>
<div class="textToRotate">text to be rotated</div>

css(提示:使用transform-origin控制旋转 anchor ，这里只用于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/

---

更新:每次点击增加 20 度:http://jsfiddle.net/SebastianPataneMasuelli/YZY8J/5/