0

我想在悬停时旋转和放大图片(平滑)。我正在使用 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 中不起作用. 有人知道解决方案吗?谢谢

4

1 回答 1

0

您正在使用的插件版本,即 jQuery rotate 的 2.2 版本存在 IE8 错误。

请试用该插件的 3.0 版本,该插件可以正常工作(点击此处下载),但与调整图像大小一起使用时会出现错误。

这是因为插件将图像放置在画布中,然后旋转后者。当你试图增加图像的大小时,它实际上增加了画布的大小,从而增加了.hover()函数适用的区域。

在您自己的网站上进行测试,以查看 IE8 上的外星人和不明飞行物。

我的建议:如果要旋转图像,请不要调整图像大小。这两个就像猫和狗。

于 2013-04-30T10:27:11.923 回答