如何做背景图像水平滑动

Question

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

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

从飞马航空公司的移动应用程序中得到这个想法。

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

Answer 1

将所有内容放在适当的位置后，您需要使用jQuery animate（）函数：

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

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