版权归蓝雨所有。演示见http://boke.fj126.net/ 他这里的向左走向右走就是用的这个替换的。

首先是他的html里的代码，两个css准备好了：

XML/HTML代码
<!--###############网站CSS###############-->  
<link media="screen" href="templates/blueSky/left.css" rel="stylesheet" type="text/css" title="left" />  
<link media="screen" href="templates/blueSky/right.css" rel="alternate stylesheet" type="text/css" title="right" />  
<link rel="stylesheet" href="templates/blueSky/style.css" type="text/css" media="all"  />  
<script language="JavaScript" type="text/javascript" src="templates/blueSky/style.js"></script>  

这是第一步，剩下的就是用js解决替换css的问题了。

JavaScript代码
function getCookie(Name){var re=new RegExp(Name+"=[^;]+","i");if(document.cookie.match(re))   
return document.cookie.match(re)[0].split("=")[1]   
return null}   
  
function setCookie(name,value,days){var expireDate=new Date()   
var expstring=(typeof days!="undefined")?expireDate.setDate(expireDate.getDate()+parseInt(days)):expireDate.setDate(expireDate.getDate()-5)   
document.cookie=name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/";}   
  
function deleteCookie(name){setCookie(name,"moot")}   
  
function setStylesheet(title){var i,cacheobj   
for(i=0;(cacheobj=document.getElementsByTagName("link")[i]);i++){if(cacheobj.getAttribute("rel").indexOf("style")!=-1&&cacheobj.getAttribute("title")){cacheobj.disabled=true  
if(cacheobj.getAttribute("title")==title)   
cacheobj.disabled=false}}}   
  
function chooseStyle(styletitle,days){if(document.getElementById){setStylesheet(styletitle)   
setCookie("mysheet",styletitle,days)}}   
  
function indicateSelected(element){var i   
if(selectedtitle!=null&&(element.type==undefined||element.type=="select-one")){var element=(element.type=="select-one")?element.options:element   
for(i=0;i<element.length;i++){if(element[i].value==selectedtitle){if(element[i].tagName=="OPTION")   
element[i].selected=true  
else  
element[i].checked=true  
break}}}}   
var selectedtitle=getCookie("mysheet")   
if(document.getElementById&&selectedtitle!=null)   
setStylesheet(selectedtitle)