背景图片水平滑动怎么做

Question

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

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

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

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

Answer 1

一切就绪后，需要使用jQueryanimate()函数：

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

假设你的背景位于0,0，你希望动画持续2s。