javascript实现动态CSS换肤技术的脚本_javascript技巧

 

请选择下面的下拉菜单测试换肤效果
   
css.css
    css1.css
    css2.css
    css3.css
   

   

    选择样式单文件
   
    <script> <BR><!-- <BR>function SetCookie(name,value){ <BR> var argv=SetCookie.arguments; <BR> var argc=SetCookie.arguments.length; <BR> var expires=(2<argc)?argv[2]:null; <BR> var path=(3<argc)?argv[3]:null; <BR> var domain=(4<argc)?argv[4]:null; <BR> var secure=(5<argc)?argv[5]:false; <BR> document.cookie=name+"="+escape(value)+((expires==null)?"":("; expires="+expires.toGMTString()))+((path==null)?"":("; path="+path))+((domain==null)?"":("; domain="+domain))+((secure==true)?"; secure":""); <BR>} <br><br>function GetCookie(Name) { <BR> var search = Name + "="; <BR> var returnvalue = ""; <BR> if (document.cookie.length > 0) { <BR> offset = document.cookie.indexOf(search); <BR> if (offset != -1) { <BR> offset += search.length; <BR> end = document.cookie.indexOf(";", offset); <BR> if (end == -1) <BR> end = document.cookie.length; <BR> returnvalue=unescape(document.cookie.substring(offset,end)); <BR> } <BR> } <BR> return returnvalue; <BR>} <br><br>var thisskin; <BR>thisskin=GetCookie("nowskin"); <BR>if(thisskin!="") <BR> skin.href=thisskin; <BR>else <BR> skin.href="css.css"; <br><br>function changecss(url){ <BR> if(url!=""){ <BR> skin.href=url; <BR> var expdate=new Date(); <BR> expdate.setTime(expdate.getTime()+(24*60*60*1000*30)); <BR> //expdate=null; <BR> //以下设置COOKIES时间为1年,自己随便设置该时间.. <BR> SetCookie("nowskin",url,expdate,"/",null,false); <BR> } <BR>} <BR>//--> <BR></script><script> <BR>var csss=new Array(); <BR>csss[0]="css.css"; <BR>csss[1]="css1.css"; <BR>csss[2]="css2.css"; <BR>csss[3]="css3.css"; <BR>var i; <BR>for(i=0;i<4;i++) <BR> if(thisskin==csss[i]) <BR> document.write("<option value=\""+csss[i]+"\" selected>"+csss[i]+"样式单文件"); <BR> else <BR> document.write("<option value=\""+csss[i]+"\">"+csss[i]+"样式单文件"); <BR></script>