提高多个jQuery动画的流畅度

时间:2013-07-26 16:25:57

标签: javascript jquery animation jquery-animate

我创建了这个多层动画,它可以拍摄4张图像(“图层”)并将它们设置为“缩小”。它通常运行平稳,但偶尔在第3层开始时,第2层动画类型滞后。我不确定为什么/何时发生滞后 - 可能是由于GPU处理?

http://jsfiddle.net/3EwnB/3/

我有什么办法可以减少任何动画延迟吗?

如果有更好的方法来实现这种效果,我不会停止使用jQuery.animate - 欢迎使用其他建议。

jQuery动画的代码(4层中的1层):

setTimeout(function() {
    $('#animation-layer-2').show().animate({
        opacity: '0.9',
        marginLeft: '-490px',
        marginTop: '25px',
        width: '950px'
    }, { duration: 400, queue: false });
}, 500)

此外,在JS Fiddle示例中,图像为9-17kb,但我使用的实际图像为131-457kb。尽管如此,图像尺寸似乎并没有多大差别。

0 个答案:

没有答案