JavaScript+Css+Html实现网页换皮肤功能

描述：JavaScript+Css+Html实现网页换皮肤功能

原理：使用不同网页背景保存在不同CSS里面，当点击切换的时候通过JavaScript将原来的样式表改为新的CSS就可以完成换肤功能

代码实现：

    1.HTML代码

    
    

    
    
    
    



    
    [橙色地带]
    [绿色背景]
    [灰色空间]

    2.CSS代码（网页背景1）

body{
    /* 将背景颜色换为灰色 */
    background-color: gray;
}

    3.CSS代码（网页背景2）

body{
    /* 将背景颜色换为绿色 */
    background-color: green;
}

   4.CSS代码（网页背景3）

body{
    /* 将背景颜色换为橙色 */
    background-color: orange;
}

    4.JavaScript代码

function change(type) {
    if (type == "orange") {
        document.getElementById("background").href = "orange.css";
    }
    else if (type == "green") {
        document.getElementById("background").href = "green.css";
    }
    else if (type == "gray") {
            document.getElementById("background").href = "gray.css";
    }
}