0

我想知道为什么在 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>
4

2 回答 2

1

您是否尝试检查每个配置的方式?可能是该插件具有缓动选项。

无论如何,它也可能受到该展示中元素数量的影响。更多的元素意味着更多的 DOM 节点要进行动画处理,而且每个人都知道 DOM 操作是一项昂贵的操作。这可能会导致动画不流畅、不流畅。

此外,元素本身的数量可能会影响动画。另一个每个宽度的幻灯片较少(松散),而另一个每个宽度的幻灯片更多(狭窄)。这也会影响您对同一动画的感知。

于 2012-05-03T08:55:37.177 回答
0

我正在使用 FireFox 10,我在尝试您的两个页面时都没有遇到任何挂起。当整个页面尚未完全加载时,第二个动画可能会变慢。但是一旦所有元素都加载完毕,它们的过渡速度几乎相同。

于 2012-05-03T08:59:44.753 回答