jQuery图像旋转使用'jQueryRotate'插件

时间:2012-01-31 00:06:48

标签: javascript jquery html animation plugins

我正在尝试将其设置为当您将鼠标悬停在div上时,它会触发图像在另一个div中旋转。

我一直在尝试使用此插件http://code.google.com/p/jqueryrotate/

这是我在jsFiddle中的代码。绿色方块使用CSS3旋转,但是我需要支持IE9 +所以我需要使用jQuery来完成它!

蓝色正方形是我试图使用jQuery动画的一个,为了示例的目的,我刚用Google搜索了一个随机图像,因为我读到你不能用jQuery旋转div,只能用图像旋转。

http://jsfiddle.net/D6HQR/

我真的不知道我做错了什么,任何jQuery向导都可以救我!!!!

更新

http://jsfiddle.net/HAqQT/

我现在有jQueryRotate插件工作,但它在IE9中不起作用。该网站声明它应该适用于IE6 +

当蓝色方块使用jQuery持续旋转时,当您使用CSS3将鼠标悬停在按钮上时,绿色方块会旋转。

任何人都可以看到jQuery无法在IE9 +中运行的原因吗?

更新2

http://jsfiddle.net/tpHdg/

代码更新,蓝色方块现在在您悬停时旋转,在您悬停时停止。

仍在寻找IE9不兼容的帮助。

最终更新

感谢所有帮助过的人,最后我慢慢地通过它。它不适用于IE9的原因是因为“ActiveX过滤器”设置,无论是什么......

现在我有一个jQuery版本工作,CSS3版本支持更多时。如果您想查看这两个版本的链接...如果它有助于您的项目,请随意重用代码!

http://mathewhood.com/misc/css3/rotate/ - CSS3 http://mathewhood.com/misc/js/rotate/ - JS

再次感谢!

1 个答案:

答案 0 :(得分:0)

我根据插件示例编写了一些代码: http://jsfiddle.net/MJyFf/

Ps。:您的修改后的代码在IE9中有效 Ps2。:将蓝色方块悬停在我的例子上