出现和消失的背景图像

时间:2012-06-13 19:19:30

标签: jquery image background navigation scroll

我对编码很新,并希望在网站上有多层背景图片。将有一个静态背景,然后在单击导航栏上的按钮或向下滚动网站时,静态背景上会出现一个新背景。向上或向下滚动时,图像消失而不是另一个图像。这将重复多次。

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

我会链接Big Omaha 2012网站,但他们现在已将其删除。但类似于每个扬声器的卡通图像在您滚动信息时的显示方式。如果您熟悉该网站。

1 个答案:

答案 0 :(得分:0)

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

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