RSS订阅
PHP程序员站--WWW.PHPERZ.COM  
网站地图
高级搜索
收藏本站

 当前位置:主页 >> 网页制作 >> JS >> 文章内容
如何用js替换css
[收藏此页[打印本页]   
来源:  作者:  发布时间:2007-12-27

首先是他的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]

www phperz com


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)}} PHP程序员站
 
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)

 上一篇:网页标准中的关于UTF-8编码的问题   下一篇:关于css hack
 
 相关文章
 
发表评论
全部评论(0条)
 
 站内搜索
 热门搜索 mysql  基础  php基础  url
高级搜索 网站地图 站长工具 IP查询 收藏本站
 热点文章
 随机推荐
网站首页 | 网站地图 | 高级搜索 | RSS订阅
PHP程序员站 Copyright © 2007,PHPERZ.COM All Rights Reserved 粤ICP备07503606号 联系站长