为什么同一个图片菜单在使用 Firefox 的不同站点中有不同的过渡

Why same image menu has different transition in different sites using firefox

本文关键字：站点 Firefox 同一个 菜单 为什么      更新时间：2023-09-26

我想知道为什么在 Mozilla Firefox 中，相同的图像菜单在不同的站点上有不同的过渡方式。如果您使用Firefox并转到此链接，然后将鼠标悬停在不同的图片上，您将了解它如何移动 http://www.alohatechsupport.net/examples/image-menu-2.html完成后，转到此链接 http://bloghutsbeta.blogspot.com/2012/04/testing-main.html 并将鼠标悬停在图像上，看看它是如何移动的。

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

<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，尝试您的两个页面时根本没有遇到任何挂起的情况。当整个页面尚未完全加载时，第二个可能会变慢。但是一旦加载了所有元素，它们就具有几乎相同的过渡速度。

相关文章：