本文介绍了一个简单的网页示例，通过jQuery实现页面样式的动态切换。当用户选择不同的样式表时，这些更改会被保存在sessionStorage中，即使刷新页面也能保持用户的选择。
我就直接抡代码了。。。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title></title>
<script src="js/jquery-1.12.2.js"></script>
<script>
var pre='css/';
$(function(){
if(!window.sessionStorage.getItem('style') || window.sessionStorage.getItem('style')==='') {
$('#link').attr('href',pre+'link1.css');
$('#change').val('link1');
}else {
$('#link').attr('href',pre+window.sessionStorage.getItem('style'));
$('#change').val(window.sessionStorage.getItem('style'));
}
})
</script>
<link rel="stylesheet" rev="stylesheet" id="link" type="text/css" media="all" href="" />
<script>
var pre='css/';
$(function(){
$('#change').on('change',function(){
window.sessionStorage.setItem('style',this.value);
location.reload(false);
})
})
</script>
</head>
<body>
<div></div>
<select name="" id="change">
<option value="link1.css">link1</option>
<option value="link2.css">link2</option>
</select>
</body>
</html>
扫一扫
4019
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
