Question

在我的网站上，我有这样的css：

body { 
  background: #FFF url(../images/bg.jpg) no-repeat center fixed;
}

所以它设置了我的背景图像，我想要做的是当用户加载某个页面时，背景图像发生了变化，不仅仅是这个页面他是当前的，而是所有人。

我该怎么做？

现在我有这样的脚本：

<script>
document.body.style.background="#FFF url('../images/bg2.png') no-repeat center fixed";
</script>

所以它改变了我的背景图像，但仅限于当前页面，其他所有都加载了在css中定义的默认背景图像：（

我没有提到图片的名称是在我要更改该bacground并且是动态的页面中提供的

用户操作示例：在这里，我们将访问像www.example.com这样的网站，并且有一些免费更改页面到www.example.com/account我有相同的免费，当我去www.example.com/change时我想改变我的bacground图像，所以当我再次访问www.example.com/account时，图像也会改变

Answer 1

将您的script写入文件，并使用<script>标记将该文件包含在所有页面中。

或者其他解决方案是 -

只需在所有页面中编写脚本！但我不认为你想做那些重复性的工作，因为如果有一天你计划改变脚本，你必须在所有页面上更改它。但在我提到的第一个解决方案中，你必须只在一个地方改变它。

<强>加了：

根据您的评论，我能想到的是 -

1-创建一个全局变量，该变量在您网站上的所有页面中都是持久的。之前每次加载页面时，请检查它是真还是假。如果是，请使用旧背景。如果是假，请使用新背景。默认情况下保持正确，当您打开www.example.com/change页面时，将其设置为false。

2-将背景的CSS放在文件中。加载此www.example.com/change页面时，请更改此文件的内容。

Answer 2

使用HTML5 localStorage存储样式。

然后加载时：

$("body").css("background",localStorage.style);

Answer 3

 simply by : 

$('body').css('background','url(imagefile.png)');

Answer 4

试试这些

$(this).css('background-color', 'red');

或者

$(this).css("background", "url('../images/r-srchbg_white.png'))

或者

$(this).parent().css("background", "url('../images/r-srchbg_white.png') no-repeat");

Answer 5

您可以对所有页面使用默认布局...如主页......

仅在该母版页主体中，您将加载所有页面html，

如果用户加载了该特定页面，则更改母版页的背景图像，并且更改将受到所有页面的影响，因为所有页面都从母版页继承。

Jquery如何更改您的网站背景？

5 个答案: