网页换肤

最新推荐文章于 2022-12-27 16:40:31 发布

sunny_Destiny

最新推荐文章于 2022-12-27 16:40:31 发布

阅读量433

点赞数

本文链接：https://blog.csdn.net/sunny_Destiny/article/details/104492811

版权

网页换肤

今天我们来实现网页换肤的效果，就如同平时我们给自己的QQ换背景，体验不同的感觉，首先，我们先来看一下效果图。

皮肤1

皮肤2

接下来我们来分析一下代码。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>网页换肤</title>
        <link id="l1" rel="stylesheet" href="css/css2.css" />
        <script>
            function skin1(){
                var oL=document.getElementById('l1');
                oL.href='css/css1.css';
            }
            function skin2(){
                var oL=document.getElementById('l1');
                oL.href='css/css2.css';
            }
        </script>
    </head>
    <body>
        <input type="button" value="皮肤1" onclick="skin1()"/>
        <input type="button" value="皮肤2" onclick="skin2()"/>
    </body>
</html>

通过以上代码可以看出以下三点：
1.任何标签都可以加ID,包括link
2.任何标签的任何属性，也都可以修改
3.HTML里怎么写，JS里就怎么写
好了，今天的分享就到这里了。
愿你三冬暖,愿你春不寒;愿你天黑有灯,下雨有伞。

小晴天.jpg

sunny_Destiny

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
网页换肤

网页换肤今天我们来实现网页换肤的效果，就如同平时我们给自己的QQ换背景，体验不同的感觉，首先，我们先来看一下效果图。皮肤1皮肤2接下来我们来分析一下代码。<!DOCTYPE html><html> <head> <meta charset="utf-8"> ...
复制链接

扫一扫