废话不多说了，直接给大家贴html代码了，具体代码如下所示：
XML/HTML Code复制内容到剪贴板 <head> <title>网页换肤</title> <metahttp-equiv="Content-Type"content="text/html";charset="UTF-8"> <linkid="myCss"href="orange.css"rel="stylesheet"> <scriptlanguage="javascript"> //写入客户端Cookie functionwriteCookie(csspath){ vartoday=newDate(); varexpires=newDate(); expires.setTime(today.getTime()+1000*60*60*24*30);//有效期为30天 varstr="cssPath="+csspath+";expires="+expires.toGMTString() +";"; document.cookie=str; } //读取Cookie functionreadCookie(cookieName){ varsearch=cookieName+"="; if(document.cookie.length>0){ offset=document.cookie.indexOf(search); if(offset!=-1){ offset+=search.length; end=document.cookie.indexOf(";",offset); if(end==-1){ end=document.cookie.length; returnunescape(document.cookie.substring(offset,end)); } } } } functionifCookie(){ if(readCookie("cssPath")==undefined){ writeCookie("orange.css"); } document.getElementById("myCss").href=readCookie("cssPath"); } functionchange(type){ if(type=="orange"){ document.getElementById("myCss").href="orange.css"; writeCookie("orange.css"); } if(type=="gray"){ document.getElementById("myCss").href="gray.css"; writeCookie("gray.css"); } } </script> </head>
通过以上代码就可以简单实现使用HTML CSS实现网页换肤效果，希望本读代码对大家有所帮助。
【使用HTML CSS实现网页换肤效果（二）】相关文章：
★ CSS实现兼容性的渐变背景(gradient)效果兼容众多浏览器