网站多主题动态切换网页特效

第一步引用主题样式文件theme.js：

document.writeln("<link rel=\'stylesheet\' type=\'text/css\' href=\'css/1.css\' title=\'CSS1\' ID=\'CSS1\' DISABLED>");
document.writeln("<link rel=\'stylesheet\' type=\'text/css\' href=\'css/2.css\' title=\'CSS2\' ID=\'CSS2\' DISABLED>");
document.writeln("<link rel=\'stylesheet\' type=\'text/css\' href=\'css/3.css\' title=\'CSS3\' ID=\'CSS3\' DISABLED>");

第二步通过自定义js函数切换风格：

<script>
        // 切换主题需要用到JS代码
        function changeCss(id) {
            for (var i = 1; i < 5; i++) {
                if (i == id)
                    document.getElementById("CSS" + i).disabled = false;  // 需要注意大小写，这里是大写，引入的文件也要大写
                else
                    document.getElementById("CSS" + i).disabled = true;  // 需要注意大小写，这里是大写，引入的文件也要大写
            }
        }
</script>

第三步主题切换：

<ul>
    <li><a href="javascript:changeCss()">默认</a></li>
    <li><a href="javascript:changeCss(1)">红色</a></li>
    <li><a href="javascript:changeCss(2)">蓝色</a></li>
    <li><a href="javascript:changeCss(3)">橙色</a></li>
</ul>