JavaScript网页换肤

最新推荐文章于 2025-09-09 16:55:30 发布

转载最新推荐文章于 2025-09-09 16:55:30 发布 · 125 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Yimi/p/5923129.html

文章标签：

#javascript #ViewUI

本文介绍了一个简单的网页背景颜色切换功能实现方法，通过两个按钮分别控制两种不同的CSS样式文件加载，从而实现网页背景颜色的切换效果。

使网页背景颜色可选黄/粉

<!doctype html>
<html>
<head><title>网页换肤</title></head>
<link id="css1" href="5-1.css" type="text/css" rel="stylesheet">

<script>
    function ys1(){
    var a=document.getElementById("css1");
    a.href="5-1.css";
    }
    function ys2(){
    var a=document.getElementById("css1");
    a.href="5-2.css";
    }
</script>
<body>
    <button onclick="ys1();">样式1</button>
    <button  onclick="ys2();">样式2</button>
</body>
</html>