0

嘿伙计们（可能还有女孩！）

我正在寻找一种将背景图像向左滑动并让另一个背景图像替换从右侧滑入的第一个背景图像的方法。这需要进行设置，以便可以替换图像（因此，当您单击页面时，会出现唯一图像并替换前一个图像）。

我已经很好地尝试了一些东西，比如 jQueryanimate函数：animate("backgroundPosition: "-" + $(window).width() + " 0px");

这与这个插件配合得很好：http: //keith-wood.name/backgroundPos.html

目前，我在正文之后有一个 div 标签，高度和宽度为 100%，绝对位置和 z-index:-1。它的静态效果很好，但我无法找到一种平滑的方法来删除它（到侧面），同时从左侧加载另一个图像并滑过替换旧图像。

我已经尝试了大多数事情，但如果有人对如何正确解决这个问题有任何想法，那就太好了。

4

1 回答 1

1

与其使用背景位置，为什么不在相邻的绝对定位div的 s 中使用静态定位的背景？div与您要过渡到的背景保持第二个屏幕外，然后div将原始屏幕和屏幕上的新屏幕同时滑动。

div您可以通过随后销毁 offscreen并在屏幕外使用序列中的下一个背景在另一侧重新创建它来使效果持续。

于 2012-08-23T16:54:13.980 回答