做网站不只是铺门面,适合自己品牌理念的网站建设才能促进营销!
广州网站制作、广州网站建设、广州做网站,首选广州凯旋网络公司!
当前位置:首页 >> 新闻资讯 >> 网页编程知识 >> 动态更换CSS的JS代码

动态更换CSS的JS代码

Tags: 动态换CSS    动态换模板    动态换皮肤   

function change(a) {
var css=document.getElementById("skin");
if (a==1)
css.setAttribute("href","/template/style/style1.css");
if (a==2)
css.setAttribute("href","/template/style/style2.css");
if (a==3)
css.setAttribute("href","/template/style/style3.css");
if (a==4)
css.setAttribute("href","/template/style/style4.css");
if (a==5)
css.setAttribute("href","/template/style/style.css");
if (a==6)
css.setAttribute("href","/template/style/style5.css");
if (a==7)
css.setAttribute("href","/template/style/style6.css");
}

在主页或需要调用的地方加上按钮或连接如:

<input type="button" onclick="change(1)" />
或<a href="#" onclick="change(1)" title="点击更换皮肤">清新绿</a>
在CSS调用的地方要加上ID="skin"如:
<link href="/template/style/style.css"  id="skin" type="text/css" rel="stylesheet" />

【2009-08-19】   【浏览541次】
上一篇:ASP抽取数据的执行效率
下一篇:网站建设策划书结构分析
本类最新
网站制作时关于管理员账号删除的设计[11.18]
购物网站常用功能之Session显示最近浏览的代码[11.15]
只能输入数字的JS验证函数[11.15]
ASP实现网页参数的判断[11.15]
最简洁的ASP多条件查询语法[11.14]
 
本类热门
document.getElementById详解[09.02]
制作网页的5条非常不错的建议[09.16]
动态更换CSS的JS代码[08.19]
目前非常全面的CSS兼容问题资料汇集[08.31]
网页设计:DIV+CSS:如何编写代码才能更有效率[11.22]
广州做网站的公司性质客户可免预付款,广州凯旋网络工作室做广州最好的网站制作公司,做广州最有实力的网站建设公司。
广州网络公司-凯旋网络工作室唯一官方网址:Www.CreatSoon.Com
本站设计版权归凯旋网络所有,未经允许不得复制或设立镜像。

凯旋网络2011年最新精品网站制作案例:地下金属探测仪器 地下金属探测器 地下金属探测仪 掘金1号地下金属探测器 
粤ICP备05124435号 网站地图  免责声明