废话不多说了，直接给大家贴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实现网页换肤效果，希望本读代码对大家有所帮助。