css和javascript旋转只能工作一次onclick?

时间:2012-01-07 01:09:23

标签: javascript-events onclick rotation css-transforms rotatetransform

我正在使用它来旋转div onclick事件     function ghum(){ document.getElementById("earth").className += " rotate"; }

这是逆时针旋转的 function revghum(){ document.getElementById("earth").className += " revrotate"; }

但它只能工作一次。还有一个问题是,如果我在第一个事件之前点击第二个事件,那么第一个事件将自动无效。

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

在旋转和旋转中我只使用变换和过渡来旋转div。并且在id地球中我使用背景图像而没有任何变换和过渡 在此先感谢:)

2 个答案:

答案 0 :(得分:0)

你的班级=“旋转旋转旋转旋转旋转旋转旋转旋转旋转”

答案 1 :(得分:0)

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

API addClass: http://api.jquery.com/addClass/

API removeClass: http://api.jquery.com/removeClass/