首先,要旋转,对象的位置必须是能改变,所以position要设置
然后选择其实就是改变它的left和top而已,而这两个的值,是用math.sin(),和math.cos()算出来的。
如果旋转文字本身,也就是文字是斜着的,则对其设置CSS的transform属性。
给指定的元素添加一个 CSS 属性即可:
-o-transform: rotate(90deg)-ms-transform: rotate(90deg)
-moz-transform: rotate(90deg)
-webkit-transform: rotate(90deg)
transform: rotate(90deg)
但仅对 IE8+ 或其他浏览器有效。
如果非得兼容 IE7 的话需要使用 filter 滤镜 DXImageTransform.Microsoft.Matrix。这个参数过于复杂,这里不展开写了,题主可以自行搜索一下相关信息。
楼上说的 jquery-rotate 在 IE7、8 上表现还可以,在 IE9 里反倒有坑,题主可以自行选择是否使用。