主题切换css

来源:互联网 发布:学历网络教育培训班 编辑:程序博客网 时间:2024/06/05 09:47

html代码,将样式置为空:

<link rel="stylesheet" type="text/css" href="" id="linkid" /><script type="text/javascript" src="js1.js"></script>

js代码

window.onload=initAll;function initAll(){document.getElementById("zhuti1").onclick=s1;document.getElementById("zhuti2").onclick=s2;document.getElementById("zhuti3").onclick=s3;document.getElementById("nozhuti").onclick=s0;}function s1(){var newCss=document.getElementById("linkid");    newCss.href="style1.css";}function s2(){var newCss=document.getElementById("linkid");    newCss.href="style2.css";}function s3(){var newCss=document.getElementById("linkid");    newCss.href="style3.css";}function s0(){var newCss=document.getElementById("linkid");    newCss.setAttribute("href","");}


原创粉丝点击