Javascript 为什么相同的图像菜单在使用firefox的不同站点上有不同的转换

我想知道为什么在mozilla firefox中，相同的图像菜单在不同的站点上有不同的转换方式。 如果您使用firefox并转到此链接，然后将鼠标悬停在不同的图片上，您将了解它是如何移动的 完成此操作后，转到此链接并将鼠标悬停在图像上，查看其移动方式

在这两种情况下，过渡效果是相同的，但在一种情况下是缓慢的（挂起），而在另一种情况下是平滑的。我没有提供标记，因为两者都是相同的，但如果您愿意在评论中告诉我，我将对其进行编辑，以便为您提供尽可能多的相关数据

<script type="text/javascript" src="files.cryoffalcon.com/javascript/…; 

<script type="text/javascript"> 
    $().ready(function() { 
        $('.jimgMenu ul').kwicks({
            max: 310, 
            duration: 300, 
            easing: 'easeOutQuad', 
            complete: 'callback'
        });
    });
</script>

---

您是否尝试检查了每种配置的方式？这可能是因为该插件提供了简化的选项

无论如何，它也可能受到展示中元素数量的影响。更多的元素意味着需要设置更多的DOM节点动画，每个人都知道DOM操作是一项昂贵的操作。这可能会导致不平稳的动画

此外，元素本身的数量可能会影响动画。另一个的每宽幻灯片数较少（松散），而另一个的每宽幻灯片数较多（拥挤）。这也会影响您对同一动画的感知。
我使用的是FireFox 10，在尝试两个页面时，我根本没有遇到任何挂起的情况。当整个页面尚未完全加载时，第二个页面的动画可能会变慢。但一旦加载所有元素，它们的转换速度几乎相同。
在第二个链接中，有600多行javascript，包括几个
document.ready
处理程序，更不用说外部脚本了。我可以想象，由于页面中javascript的重量，页面速度会很慢。这真的是一团糟。如果把整个脚本合并成一个脚本，你觉得怎么样，好吗？外部脚本的最大大小应该是多少？如果我们把元素作为一个理由，我想你是对的，一个有10个图像，而另一个有5个。是的，这个插件确实有缓解选项，我会在答案中添加缓解选项。很抱歉，我无法添加它，因为我在阿富汗有5KB/s的互联网，所以我看不到这些括号来放置代码，如果我像这样放置，人们会开始给它负面评级，因此，我将在comment@CryOfFaclon中添加代码，如果两者具有完全相同的JS代码和配置，则归结为导致差异的DOM操作。另外，我在另一个橱窗上看到阴影。据我所知，一些CSS3样式（如阴影）会产生起伏的动画。你是对的，这可能是除了DOM之外的原因。现在我明白了。你能告诉我一个外部javscript文件的标准大小是多少吗，因为我有很多javascript代码，我正计划将它们结合起来制作它们external@CryOfFaclon尺寸没有标准，只要尽量小就行了。使用一个压缩机，就像或者很好，可能是因为互联网或电脑速度慢，但我认为它适合每个人。