jquery - 出现和消失的背景图像

Question

我对编码相当陌生，希望在网站上拥有多层背景图像。将有一个静态背景，然后单击导航栏上的按钮或向下滚动站点时，静态背景上会出现一个新背景。当您向上或向下滚动时，该图像会代替另一个图像消失。这将重复多次。

我假设我应该使用 jquery 来解决这个问题？

我会链接 Big Omaha 2012 网站，但他们现在已将其删除。但类似于当您滚动浏览他们的信息时每个演讲者的卡通形象会如何出现。如果你熟悉那个网站。

Answer 1

我会说你应该在给定的html标签上有背景，并且使用jquery你只是检测你何时想要更改背景图像，并使用 $('your_tag').css('background-image',"image_url" ) 更改背景。这样您就不需要将多个图像加载到页面。

另一种方法是，可能有一个 div 作为静态图像覆盖整个页面，另一个图像的 z-index 高于静态图像，您将使用该图像显示其他图像。