通过点击图片进行网页肤

我好无聊啊既然这样就来说一说如何通过点击图片进行网页换肤！

太无聊了竟然要用写文献来打发时间！！（典型的闲命长！）

下面先来看一看敲完基础样式的效果图！（真-初始状态！）

步骤如下：

1：给body设置一个ID，然后在里面放一个div并给该div设置一个ID。

2：在div中放入一个p标签（可以不放）和多个下级div并给它们设置ID。

3：敲基础样式

4：敲JS代码实现功能

 

下面请看源代码和基础样式

 

下面请看js的代码（代码多但简单初学者一看就懂！）

第一步：要通过ID获取到div和body

第二步：给每一个获取到的div绑定点击事件（onclick事件）并给它们设置点击之后要改变的样式

然后就搞定了！！建议把上面看到的

都忘了就像这样===

 

下面是for循环版

 

样式什么的和上面的一模一样就不浪费时间了

这是我做的基础网页换肤案例，希望可以帮助到你们。

如果有更好的方法（我是不会承认有更好的方法的！）

或不懂得地方欢迎在评论区教导和提问喔（反正我不会回复哈哈哈哈）！