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

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

我正在做一件非常简单的事情——悬停时为图像的位置和大小设置动画。当你把鼠标放在图像上时，会发现一些明显的“锯齿”（在FF、chrome、safari和其他蹩脚的浏览器中）——有没有办法消除这种情况？jquery代码如下，这里有一个实时链接（将鼠标悬停在图标上）

$（文档）.ready（函数（）{
$（'zoomNav li img'）。hoverIntent(
函数（）{
$（this）.animate（{'margin-top'：'-35px'，'margin-left'：'-10px'，'height'：'95px'，'width'：'79px'），
“快”）；
}, 
函数（）{
$（this）.animate（{'margin-top'：'0px'，'margin left'：'0px'，'height'：'70px'，'width'：'58px'），
“快”）；
});    
});

如果问题出在IE中，则可能需要将其插入IE。

刚刚检查了您的链接，并且动画在我的浏览器中是平滑的。我看不出有什么问题。哈。。。也许我只是疯了……：）问题发生在FF、safari和chrome中-还没有检查opera，但谁在使用它呢？：）-谢谢@nikibrown-参见统计数据。。。一些人仍然在使用opera…编辑一个朋友在慢速模式下快速播放了一段动画（见30秒标记）看到锯齿了吗？

<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>