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，如果這就是問題所在。