我在这里使用这个jQuery Rotate插件:
http://code.google.com/p/jqueryrotate/
插件应该在IE7,IE8,IE9等中完美旋转图像。我可以毫无问题地旋转图像:
http://jsfiddle.net/zmpdS/101/
但是,我遇到了将两个函数.rotate()
(由插件提供)和.animate()
(在jQuery核心中提供)链接的问题
问题是上面列出的jQuery Rotate
插件使用RVML
来旋转IE8和IE7中的图像,而在其他浏览器中它是CSS3旋转。因此,对于RVML
,操纵DOM并且新的RVML
标记不支持.animate()
函数。
有出路吗?
$(window).load(function() {
$("#test").rotate({
angle: 0,
animateTo: -90,
duration: 2000,
easing: $.easing.EaseOutQuint
}).animate({
height: "128px",
width: "128px"
}, 1000);
});
答案 0 :(得分:0)
检查出来
http://jsfiddle.net/zmpdS/103/
$(window).load(function() {
$("#test").rotate({
angle: 0,
animateTo:180,
callback: function(){
$("#test").animate({
height: "128px",
width: "128px"
}, 1000);
}
})
});