jQuery：如何平滑动画图像调整大小

Question

我是一个jQuery小白 - 所以请原谅这个问题的可能的基本性。

我正在做一些非常简单的事情 - 悬停动画的图像的位置和大小。当你将鼠标放在图像上时，会出现一些明显的“锯齿”（FF，铬，Safari和其他糟糕的浏览器） - 是否有办法摆脱这种情况？ jquery代码如下，在这里的活动链接kristechdev.metropoliscreative.com（悬停在图标上）。

<script type="text/javascript"> 

    $(document).ready(function() { 

    $('#zoomNav li img').hoverIntent(

    function() { 

     $(this).animate({'margin-top' :'-35px', 'margin-left' :'-10px', 'height' :'95px','width' : '79px' }, 
      'fast'); 
    }, 

    function() { 

     $(this).animate({'margin-top' : '0px', 'margin-left' :'0px', 'height' :'70px','width' : '58px' }, 
      'fast'); 
    });  
    }); 



</script> 

Answer 1

IE中可能需要enable interpolation on images，如果这就是问题所在。