只是想再试一次,希望我能够解决这个问题：

我最近的任务是创建一个单页网站,模仿基本的Flash动画,即滑入和淡入元素.

当我进行交互式模拟时,我遇到了一个很大的问题 – 不稳定的动画.这个问题出现在屏幕大于18英寸的Mac上,无论浏览器和低于18的Mac都只针对FF版本3及以下版本.在PC上,动画几乎完美无瑕.

这是我的jquery代码,受影响的元素用ids#md1,#md2和#md3标记：

$(document).ready(function () {
    $('#md1').animate({ top: "-60px" },500);
    $('#md2').animate({ top: "60px" },800);
    $('#md3').animate({ left: "60px" },1000);
    $('.home').fadeTo(3000,0.8);
    $('#bg-img-4').fadeTo(1200,1);
    $('#menu').fadeTo(4000,1);
    $('#copyright').fadeTo(4000,1);
});

我采用了各种优化方法,包括在索引页面上缓存受影响的div中存在的图像,然后将用户重定向到实际页面并排队动画,但没有任何效果.

这真的非常令人沮丧,因为我似乎已经用尽了我所知道的所有可用方法,而且我似乎无法让它在Mac上运行良好.

我有一种直觉,认为我正在编写太多关于文档准备的动画,这导致了缓慢 – 任何人都可以确认这是否是主要原因,如果还有其他方法我可以解决这个问题？

非常感谢你的帮助.非常感谢=)