javascript - CSS 和 Javascript 旋转仅在点击一次时有效？

Question

我正在使用它来旋转 divonclick事件：

function ghum(){
    document.getElementById("earth").className += " rotate";
}

这逆时针旋转：

function revghum(){
    document.getElementById("earth").className += " revrotate";
}

但它工作一次。另一个问题是，如果我在第一个事件之前单击第二个事件，那么第一个事件将自动不起作用。

我实际上希望这个 div 每次单击时都会旋转。这是示例 http://maatren.com/earth/

在rotate 和revrotate 中，我只使用transform 和transition 来旋转div，而在id earth 中，我使用背景图像，没有任何transform 和transition。

score 0 · Accepted Answer

0

你的类=“旋转旋转旋转旋转旋转旋转旋转旋转旋转”

于 2012-01-07T01:53:46.080 回答

score 0 · Accepted Answer

您可以将 jQuery 与“addClass”和“removeClass”一起使用，但不能继续使用“className +=”添加类名。

2 回答 2