Body换肤

                                    Body换肤

今天来看看一个由JavaScript实现的一个小功能，通过鼠标点击一个div来改变整个body的背景颜色

先看大概页面布局

 

 

我们的的鼠标点击那些小方块，然后body的背景颜色就会改变成对应的小方块颜色

看看基础代码

先来个HTML

 

再来个CSS

 

基本布局就完成了。

改变颜色则要通过JavaScript去完成

此功能比较简单

通过获取元素和绑定点击事件改变style中的background则可完成，直接看代码

 

 

是不是非常浅显易懂呢

再来看下第二种JavaScript写法，这写法还用到了for循环，这写法也是非常简单的哟！

 

 

这样一个小功能就完成了，是不是非常简单呢   

欢迎前来交流  😊😊😊