＜link href="css/main0.css" rel="stylesheet" type="text/css" id="cssfile" /＞

＜ul id="skin"＞ ＜li id="skin_0" title="灰色"＞灰色＜/li＞＜li id="skin_1" title="綠色"＞綠色＜/li＞＜li id="skin_2" title="黃色"＞黃色＜/li＞＜li id="skin_3" title="藍色"＞藍色＜/li＞＜li id="skin_4" title="粉色"＞粉色＜/li＞＜li id="skin_5" title="紫色"＞紫色＜/li＞＜/ul＞

／／設置cookie,按鈕選中狀態(tài),頁面皮膚skin.setSkin=function(n){var skins =("skin").getElementsByTagName("li");for (i=0;i0;i{
skins[i].className="";//初始化按鈕狀態(tài)
}
skin.setCookie(n);//保存當前樣式
("skin_"+n).className="selected";//設置選中皮膚按鈕的樣式
("cssfile").href="css/main"+n+".css";//設置頁面樣式
}

//將當前皮膚n存到cookieskin.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.addEvent=function(){var skins =("skin").getElementsByTagName("li");for (i=0;i

window.onload=function(){skin.setSkin(skin.readCookie());//根據(jù)讀取cookie返回值設置皮膚樣式skin.addEvent();//綁定按鈕事件