转载--自己比较喜欢的代码（姑且不要管用途，先看看结构）

最新推荐文章于 2023-08-27 15:42:48 发布

转载最新推荐文章于 2023-08-27 15:42:48 发布 · 149 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ecmascript/archive/2009/05/08/1452653.html

文章标签：

#javascript #ViewUI

本文提供了一段用于网站皮肤切换的JavaScript代码实现。通过设置不同的皮肤样式并利用cookie记录用户的偏好选择，实现了页面样式的动态变化。代码中包含了事件监听、DOM操作、cookie读写等功能。

转载--自己比较喜欢的代码（姑且不要管用途，先看看结构）

function $(obj){
return document.getElementById(obj);
}
//Download by http://www.codefans.net
var skin={};

skin.addEvent=function(){
    var skins =$("skin").getElementsByTagName("li");
    for (i=0;i<skins.length;i++)
    {
        skins[i].onclick=function(){skin.setSkin(this.id.substring(5))};
    }
}

skin.setCookie=function(n){
    var expires=new Date();
    expires.setTime(expires.getTime()+24*60*60*365*1000);
    var flag="Skin_Cookie="+n;
    document.cookie=flag+";expires="+expires.toGMTString();
}

skin.readCookie=function(){
    var skin=0
    var mycookie=document.cookie;
    var name="Skin_Cookie";
    var start1=mycookie.indexOf(name+"=");
    if(start1==-1){
        skin=0;
    }
    else{
        var start=mycookie.indexOf("=",start1)+1;
        var end=mycookie.indexOf(";",start);
        if(end=-1){
            end=mycookie.length;
        }
        var values= unescape(mycookie.substring(start,end));
        if (values!=null)
        {
            skin=values;
        }
    }
    return skin;
}

skin.setSkin=function(n){
    var skins =$("skin").getElementsByTagName("li");
    for (i=0;i<skins.length;i++)
    {
        skins[i].className="";
    }
    skin.setCookie(n);
    $("skin_"+n).className="selected";
    $("cssfile").href="css/main"+n+".css";
}

window.onload=function(){
skin.setSkin(skin.readCookie());
skin.addEvent();
}