通过JS代码旋转div

通常在CSS中，旋转一个div可由下面几行代码实现，旋转7度：

div
{
    transform:rotate(7deg);
    -ms-transform:rotate(7deg);     /* IE 9 */
    -moz-transform:rotate(7deg);    /* Firefox */
    -webkit-transform:rotate(7deg); /* Safari 和 Chrome */
    -o-transform:rotate(7deg);  /* Opera */
}

---

JS代码要灵活控制div也有着相关的接口的，如下代码：

div.style.webkitTransform = 'rotate(7deg)';
div.style.mozTransform = 'rotate(7deg)';
div.style.msTransform = 'rotate(7deg)';
div.style.oTransform = 'rotate(7deg)';
div.style.transform = 'rotate(7deg)';