我有一个<select>
元素,我想用它来更改我的网页的背景。我获得了成功改变的背景(尽管以一种相当不雅的方式),并且我想知道是否有一种简单的方法来“保存”这种方式,以便每当用户离开并返回到网页时,背景是他们选择。在提交时在本地保存表单更改
我正在用cookie和localStorage来修补,以实现这一点,但从来没有得到任何工作。
HTML:
<select id="settingBackground">
<option name="default">Default</option>
<option name="thankshaking">Background 2</option>
</select>
的JavaScript:
$(document).ready(function() {
$('#settingBackground').on('change', function() {
if (this.value == "Default") {
// Change background
$('body').css("background", "#1e8cd4");
$('body').css("color", "#fff");
} else if (this.value == "Background 2") {
// Change background
$('body').css("background", "url('http://i.imgur.com/cV7PKqh.jpg') no-repeat center center fixed");
$('body').css("background-size", "cover");
$('body').css("color", "#000");
}
});
});
侧记:您应该只添加一个类到主体或其他元素,并将所有这些繁琐的细节置于CSS样式中。 – 2014-11-24 17:53:13
Cookie应该适用于您的情况。如果你已经尝试使用Cookie,然后显示你的代码。 – WisdmLabs 2014-11-24 17:54:25
如果你是“修补cookies和localStorage”,告诉我们你有什么。否则,做一些自己搜索并学习如何使用[cookies](http://stackoverflow.com/questions/4825683/how-do-i-create-and-read-a-value-from-cookie)或[local存储(https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage)。 – hon2a 2014-11-24 17:55:26