使用与IE7 / 8兼容的jquery旋转图像 [英] rotate image with jquery compatible with IE7/8

问题描述

我尝试了很多方法/插件，最吸引我的是 jquery.rotate

I have tried so many ways/plugins, and the one that attracts me the most is jquery.rotate

但是，它在Internet Explorer 7和8中不起作用（至少对我而言）（图像刚刚消失）。

But, it doesn't work (at least for me) in Internet Explorer 7 and 8 (the images just disappear).

我的目标是将图像悬停并使其旋转动画，它可以在Safari + Firefox中运行，但不适用于IE。

My objective is to hover images and make them animate their rotation, it works in Safari + Firefox but not IE.

是否有一种方法来实现这一点，并与大多数浏览器和IE 7和8兼容？

Is there a way to achieve this and be compatible with most browsers and IE 7 and 8?

编辑：最后结果是两个jQuery旋转和Raphaël在IE 7和8中工作！直到今天，我还没有机会在真正的IE上测试它们。我在IE Collection（http://utilu.com/IECollection/）上进行了测试，他们肯定不能在那些模拟的IE中工作，真可惜！

EDIT: In the end it turns out that both jQuery Rotate and Raphaël do work in IE 7 and 8! I didn't have a chance to test them on a real IE until today. I was testing both on IE Collection (http://utilu.com/IECollection/) and they definitely don't work in those emulated IEs, bummer!

推荐答案

jqueryrotate 适用于我，但作为替代方案..

jqueryrotate works for me, but as an alternative..

试试cssSandpaper： http://www.useragentman.com/blog/csssandpaper-a-css3-javascript-library/

Try cssSandpaper: http://www.useragentman.com/blog/csssandpaper-a-css3-javascript-library/

最相关的演示I可以找到： http://www.useragentman.com/tests/cssSandpaper/countdown.html

The most relevant demo I could find: http://www.useragentman.com/tests/cssSandpaper/countdown.html

暂且不谈：
Raphaël在IE7 / 8中工作正常，并且绝对能够旋转图像。

As an aside: Raphaël works just fine in IE7/8, and is definitely capable of rotating an image.

Raphaël目前支持Firefox 3.0 +，Safari 3.0 +，Chrome 5.0 +，
Opera 9.5+和Internet Explorer 6.0+。

Raphaël currently supports Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+.

这篇关于使用与IE7 / 8兼容的jquery旋转图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！