0

我创建了这个多层动画，它需要 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。图像大小似乎并没有太大的区别。

4

0 回答 0