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;}}}functiongetActiveStyl

2、eSheet(){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.get

3、ElementsByTagName("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.get

4、Time()+(days*24*60*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)

5、==0)returnc.substring(nameEQ.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="#"on

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