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

Question

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

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

Answer 1

您可以像这样对背景图像进行动画处理...

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

演示： http://jsfiddle.net/wdm954/eC8vP/< /a>

有关 animate 的更多信息：http://api.jquery.com/animate/

Answer 2

这个插件可能可以帮助你。