请选择 进入手机版 | 继续访问电脑版

程序人生

 找回密码
 注册

QQ登录

只需一步,快速开始

程序人生 门户 前端程序员 Css 查看内容

js点击切换多套css样式

2016-11-9 17:57| 发布者: sean| 查看: 165| 评论: 0

摘要: Css层叠样式表,用来美化网站,通过换一套CSS样式,会给用户耳目一新的感觉,用户体验好。问题来了,如何在多套CSS样式间来回切换呢,下面举例说明用javascript点击事件来切换多套css样式。方法是:1.导入css样式表 ...
Css层叠样式表,用来美化网站,通过换一套CSS样式,会给用户耳目一新的感觉,用户体验好。
问题来了,如何在多套CSS样式间来回切换呢,下面举例说明用javascript点击事件来切换多套css样式。
方法是:
1.导入css样式表
<link href=”ourcodelife.css” rel=”stylesheet” type=”text/css” id=”css”>

2.用js控制导入的css样式表的href
<script type=”text/javascript”> 
 function change(a){ 
 var css=document.getElementById(“css”); 
 if (a==1) css.setAttribute(“href”,”1.css”);
 if (a==2) css.setAttribute(“href”,”2.css”);
 }
</script>
 
2.在html页面中放上测试代码
<a href=”#” onClick=”change(1)”>1.css</a> 
        <a href=”#” onClick=”change(2)”>2.css</a> 

就这么简单实现js点击切换多套css样式。

 

鲜花

握手

雷人

路过

鸡蛋

相关阅读

最新评论

相关分类


关于程序人生网|小黑屋|手机版|Archiver|

程序人生 | QQ

粤公网安备 44040202000007号

( 粤ICP备13038131号-5 )

返回顶部