网站换肤

1.    1. //====================换肤效果=====================  
2.    2. /*函数:change_css(css_id,css_document) 
3.    3.  *功能:自定义版面色彩样式,并写入cookie,保存 
4.    4.  *参数: 
5.    5.      css_id:要被替换的css文件在页面中的id 
6.    6.      css_document:要使用的css文件的路径 
7.    7.      cookie_name:要设置的该样式的cookie名称 
8.    8.  *返回值: 
9.    9.      无 
10.   10.  *--------------------------------*/  
11.   11.     function change_css(css_id,css_document,cookie_name){  
12.   12.         document.getElementById(css_id).setAttribute("href",css_document);  
13.   13.         set_cookie(cookie_name,css_document,365);//保存为1年,当然,你也可以把它分离出来,做为参数设置  
14.   14.     }  
15.   15.   
16.   16. //====================cookie函数====================  
17.   17. /*--函数名:set_cookie 
18.   18.  *--功能:设置cookie,只能自定义一个cookie的名和值,设置多个时需要多次调用 
19.   19.  *--参数: 
20.   20.       c_name:自定义cookie名 
21.   21.       c_value:自定义cookie值 
22.   22.       可选c_expires:设置该cookie的存活时间,单位:天 
23.   23.       可选c_path:设置该cookie的路径 
24.   24.       可选c_domain:设置该cookie的域 
25.   25.       可选c_secure:设置是否安全cookie,1安全,0或不设置,不安全 
26.   26.  *--返回值: 
27.   27.        无 
28.   28.  *--------------------------------*/  
29.   29.     function set_cookie(c_name,c_value,c_expires,c_path,c_domain,c_secure){  
30.   30.       var cookie_string=c_name + "=" + escape(c_value);  
31.   31.       if(c_expires){  
32.   32.         var expires = new Date();  
33.   33.         expires.setTime(expires.getTime() + c_expires * 24 * 60 * 60 * 1000);  
34.   34.         cookie_string+=";expires="+expires;  
35.   35.       }  
36.   36.       if(c_path){  
37.   37.         cookie_string+=";path="+c_path;  
38.   38.       }  
39.   39.       if(c_domain){  
40.   40.         cookie_string+=";domain="+c_domain;  
41.   41.       }  
42.   42.       if(c_secure){  
43.   43.          cookie_string+=";secure";  
44.   44.       }  
45.   45.       document.cookie=cookie_string;  
46.   46.     }  
47.   47. /*--函数名:get_cookie 
48.   48.  *--功能:读取需要的cookie 
49.   49.  *--参数: 
50.   50.       c_name:要读取的cookie名 
51.   51.  *--返回值: 
52.   52.       value:要读取的cookie的值 
53.   53.  *--------------------------------*/  
54.   54.     function get_cookie(cookie_name){  
55.   55.        var cookie_pos = document.cookie.indexOf(cookie_name);  
56.   56.       // 如果找到了索引，就代表cookie存在，反之，就说明不存在。  
57.   57.       if (cookie_pos != -1){  
58.   58.          // 把cookie_pos放在值的开始，只要给值加1即可。  
59.   59.          cookie_pos += cookie_name.length + 1;  
60.   60.          var cookie_end = document.cookie.indexOf(";", cookie_pos);  
61.   61.          if (cookie_end == -1){  
62.   62.             cookie_end = document.cookie.length;  
63.   63.           }  
64.   64.          var value = unescape(document.cookie.substring(cookie_pos,cookie_end));  
65.   65.        }  
66.   66.       return value;  
67.   67.      }  
68.   68.   
69.   69. //===================调用=====================  
70.   70.     window.onload = function() {  
71.   71.         var d_css_document=css_document;//默认的css文件,比如css/green.css  
72.   72.         var cookie = get_cookie(cookie_name);//读取cookie  
73.   73.         var css_document=cookie?cookie:d_css_document;//cookie是否存在  
74.   74.         change_css(css_id,css_document,cookie_name);//修改样式,当然,你要填入你自己的参数  
75.   75.     }  
76.   76.   
77.   77.     <div οnclick="change_css(css_id,css_document,cookie_name)"></div>  
78.   78.     比如:  
79.   79.      <link rel="stylesheet" href="css/null.css" type="text/css" media="all" id="style"> //这里的href写一个不存在的css,并设置id  
80.   80.     <div id="skin_green" οnclick="change_css('style','css/green.css','style')"></div>  //换肤  
81.   81.   
82.   82. ==========================================================