样式1
样式2
上面是html,下面是js.把选定的样式加载进cookies ,网页加载先查cookie。
function getObject(elementId) { //获取指定id的object
if (document.getElementByIdx) { return document.getElementByIdx(elementId); }
else if (document.all) { return document.all[elementId]; }
else if (document.layers) { return document.layers[elementId]; }
}
function changeStyle(id){//切换样式
var stylesheet=getObject("color").href="css/color"+id+".css";
document.cookie="stylesheet="+escape(stylesheet);//写入Cookie
//alert(document.cookie);
//alert(stylesheet);
}
function initStyle(){ //初始化样式,如果cookie存在样式,则加载cookie样式,否则加载默认样式
if(/stylesheet=([^;]+)/.test(document.cookie))//判断是否存在cookie.
getObject("color").href=unescape(RegExp.$1);
//alert(/stylesheet=([^;]+)/.test(document.cookie));
}initStyle();
网页的换肤不是改变多个标签的样式,而是更换另一套CSS样式表文件
如style1.css
body { background:#000;}
如style2.css
body { background:#f00;}