IE中的JQuery rotate +动画
IE中的JQuery rotate +动画
提问于 2013-04-30 15:23:58
我想在悬停时(平滑地)旋转和放大图片。我使用JqueryRotate来旋转图片，使用.animate()来放大图片。我得到了以下代码：
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script src="scripts/jQueryRotateCompressed.2.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#test").hover(
function(){
$(this).rotate({animateTo:30})
$(this).stop().animate({width:'90px',height:'90px'}, 500 );
},
function(){
$(this).rotate({animateTo:0})
$(this).stop().animate({width:'34px',height:'34px'}, 500);
});
});
</script>->我的头部代码
<body>
<img id="test" src="images/facebook.png" />
</body>现在，这在Firefox，Chrome和Safari中都能完美地工作。但是IE当然是一个皮塔。我现在正在IE8上测试，它确实会旋转，但由于某种原因它不会放大。如果我在没有旋转的情况下测试函数，它会放大得很好…所以它是2的组合，在IE8中不起作用。有谁知道解决方案吗？thx
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-04-30 18:27:12
您正在使用的插件版本，即2.2版本的jQuery rotate，在IE8中有错误。
请尝试3.0版本的插件，它可以工作在(click here to download)上，但当与调整图像大小一起使用时会出现错误。
这是因为插件将图像放在画布中，然后旋转后者。当您尝试增加图像的大小时，实际上会增加画布的大小，因此增加了.hover()函数适用的区域。
在你自己的网站上测试一下，看看IE8上的外星人和UFO。
我的建议：如果你想旋转图像，不要调整它的大小。这两个人就像猫和狗。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16294408
复制相关文章
相似问题
腾讯云开发者
