Question

当光标在它上面时，我试图让div旋转。我根本不确定如何做到这一点，我尝试过的每一次搜索都会导致我无法安装的难以理解的模块列表，并且不想花费额外的时间来安装我可能再也不需要了。我认为document.write或document.writeIn应该有效，但在我尝试使用它时却没有。简而言之，如何在jQuery / javascript中更改特定的CSS属性（rotate）？

Answer 1

当光标在它上面时

所以你想要:hover psuedo-class：

.mydiv:hover {
    transform: rotate(45deg);
    /* adjust angle as desired */
}

也许你想要它顺利过渡？

.mydiv { /* note: no :hover here */
    transition: transform 0.8s ease;
}

纯CSS是一个强大的工具。好好利用它。

Answer 2

为什么不在CSS？它的表现更好。

div{
    width: 100px;
    height: 100px;
    background: limegreen;
    transition: transform 1s;
}
div:hover{
    transform: rotate(90deg);
}

jsFiddle demo。这比jQuery更容易。

Answer 3

element.style.yourAttributeHere = value

但是，如果可以的话，我总是采用CSS的方式，只使用JS来处理CSS无法处理的事情。

你如何在jQuery / Javascript中编写CSS？

3 个答案: