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

Question

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

我正在做一些非常简单的事情 - 悬停动画图像的位置和大小。当你将鼠标悬停在图像上时会有一些明显的“锯齿”（在FF，Chrome，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。