» 一段代码，js替换css的

首页 > 网络技术 > 一段代码，js替换css的

一段代码，js替换css的

2007年6月29日发表评论阅读评论

版权归蓝雨所有。演示见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)

分类: 网络技术标签: css, js