div+css布局网页页面实现多风格选择的方法--.

《div+css布局网页页面实现多风格选择的方法--.》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、DIV+CSS布局网页页面实现多风格选择的方法>>.1.stylesain;for(i=0;(a=ument.getElementsByTagName("link")[i]);i++){if(a.getAttribute("rel").indexOf("style")!=-1a.getAttribute("title")){a.disabled=true;if(a.getAttribute("title")==title)a.disabled=false;}}}functiongetActiveStyleSheet

2、(){vari,a;for(i=0;(a=ument.getElementsByTagName("link")[i]);i++){if(a.getAttribute("rel").indexOf("style")!=-1a.getAttribute("title")!a.disabled)returna.getAttribute("title");}returnnull;}functiongetPreferredStyleSheet(){vari,a;for(i=0;(a=ument.getElementsByTa

3、gName("link")[i]);i++){if(a.getAttribute("rel").indexOf("style")!=-1a.getAttribute("rel").indexOf("alt")==-1a.getAttribute("title"))returna.getAttribute("title");}returnnull;}functioncreateCookie(name,value,days){if(days){vardate=nee(date.getTime()+(days*24*60

4、*60*1000));varexpires=";expires="+date.toGMTString();}elseexpires="";ument.cookie=name+"="+value+expires+";path=/";}functionreadCookie(name){varnameEQ=name+"=";varca=ument.cookie.split(';');for(vari=0;i<ca.length;i++){varc=ca[i];eEQ)==0)returnc.substring(na

5、meEQ.length,c.length);}returnnull;}e_one"/>//其他的样式这样调用<linkrel="stylesheet"type="text/css"href="te_two"/>...3、JS调用：CODE:<scripttype="text/javascript"src="styleswitcher.js"></script>4、风格选择的实现：写在页面的body中CODE:<ahref="#"onclick="setActi12下一页[这篇文章来自..，]

6、veStyleSheet('',1);returnfalse;">默认样式</a><ahref="#"onclick="setActiveStyleSheet('name_one',1);returnfalse;">样式一</a><ahref="#"onclick="setActiveStyleSheet('name_two',1);returnfalse;">样式二</a>上一页12[这篇文章来自..，]