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 中启用图像插值 ，如果这就是问题所在。