jquery - 无论如何要使用 jQuery 在 body 元素上的大照片中添加有效的幻灯片？

Question

我有一个网站在页面宽度约为 1060 像素的网站上使用大型背景照片（约 1200 像素宽）。为了防止出现水平滚动条，我需要在 body 元素上加载背景照片。该页面包含一个轮播，当它转换时，里面的文本会发生变化（根据单击的按钮从左到右/从右到左滑动），然后一旦完成，背景照片就会发生变化。

无论如何使用jQuery将body元素中的背景照片从一侧滑动到另一侧？如果是这样，有人可以给我一个例子吗？

Answer 1

您可以像这样为背景图像设置动画......

$('body').animate({ backgroundPosition: "-=900px" }, 3000);

演示：http: //jsfiddle.net/wdm954/eC8vP/

更多关于动画：http ://api.jquery.com/animate/

Answer 2

这个插件可能会帮助你。