网站有2套背景,正常的时候页面背景是白色的。
点击切换按钮(button或什么其他标签都行)给最外层的div添加个切换背景的class类名,让页面背景变成黑色,但在跳转页面的时候让class类名保留,直到再点击按钮移除class类名,切换到白色。
最好是js,或jq!!
求大佬帮忙!!!!!!!
网站有2套背景,正常的时候页面背景是白色的。
点击切换按钮(button或什么其他标签都行)给最外层的div添加个切换背景的class类名,让页面背景变成黑色,但在跳转页面的时候让class类名保留,直到再点击按钮移除class类名,切换到白色。
最好是js,或jq!!
求大佬帮忙!!!!!!!
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title> 页面名称 </title>
<style type="text/css">
.black {
background-color: #000;
color: #fff;
}
</style>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
function rebackground() {
$("#box").toggleClass("black");
localStorage.background = $("#box").prop("className");
}
$(function(){
var str = localStorage.background;
if (str) {
$("#box").addClass(str);
}
});
</script>
</head>
<body>
<div id="box">
<p>最外层的div</p>
<input type="button" value="改变" onclick="rebackground();" />
</div>
</body>
</html>