PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> Javascript >> 

如何用js替换css

如何用js替换css

来源:  作者:  发布时间:2007-12-27
首先是他的html里的代码,两个css准备好了: html代
首先是他的html里的代码,两个css准备好了:

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)
Tags: function   js   css   C  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号