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

Question

我是一个 jQuery 菜鸟 - 所以请原谅这个问题可能很基础。

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