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中的图像上启用插值 。