这可能是因为背景图像的大小不同或使用了不同的缓动函数来实现移动。可以尝试使用相同大小的背景图像,或者使用相同的缓动函数来实现移动。
示例代码:
// 使用TweenMax库实现背景图像无缝滚动
var bg1 = document.getElementById("bg1");
var bg2 = document.getElementById("bg2");
TweenMax.to(bg1, 10, { x: "-100%", ease: Linear.easeNone, repeat: -1 });
TweenMax.to(bg2, 10, { x: "-100%", ease: Linear.easeNone, repeat: -1 });
在这个示例中,我们使用了相同的TweenMax缓动函数来实现2个背景图像的移动。这样可以确保它们以相同的速度移动,无论它们的大小如何。
上一篇:背景图像平铺