jquery - 背景图片水平滑动怎么做

Question

在移动 web 应用程序中，我想创建一个主页，其中的背景图像有动画，如肖像图像幻灯片。

例如:手机有一个 360px 的屏幕..我有一个 500px 的背景图像..在页面加载显示位置 0 t0 300 然后自动滑动直到 600px。

从 pegasus airlines 移动应用程序中得到这个想法。

任何人都可以指导如何使用 CSS、HTML、JQUERY 实现。

Answer 1

一切就绪后，您需要使用 jQuery animate() 函数:

$(document).ready(function(){ $("#mycontainerID").animate({"background-position": "-300px"}, 2000,'linear'); });

假设您的背景位于 0,0 并且您希望动画持续 2s。