JavaScript实现网页换肤 

<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link id="link1" rel="stylesheet" type="text/css" href="" />
<script>
    function skin1()
    {
        var ol=document.getElementById('link1');
        ol.href='红色.css';
    }
    
    function skin2()
    {
        var ol=document.getElementById('link1');
        ol.href='黄色.css';
    }
</script>
</head>

<body>
<input type="button" value="红色皮肤" onClick="skin1()" />
<input type="button" value="黄色皮肤" onClick="skin2()" />
</body>
</html>

  @charset "utf-8"; /* CSS Document */ body {background:red;} 

 @charset "utf-8"; /* CSS Document */ body {background: yellow;} 

posted @ 2017-11-21 11:01  绿林豪士  阅读(269)  评论(0)  编辑  收藏  举报