在cnbruce''s blog上看到這個即時換STYLE的程式碼,覺得不錯就COPY過來備用.在見的例子就是:一個網站上有多個頁面樣式提供瀏覽者選擇.同時,在選擇了某樣式後,再次打開該頁面時,將仍然保持該樣式.自然會想到了Cookie技術。 程式碼 換膚技術<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>} <P>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>} <P>var thisskin;<BR>thisskin=GetCookie("nowskin");<BR>if(thisskin!="")<BR>skin.href=thisskin;<BR>else<BR>skin.href=" css.css"; <P>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> 請選擇下面的下拉式選單測試換膚效果 css.csscss1.csscss2.csscss3.css 選擇樣式單檔 <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>