页面换肤（点击事件）

 今天我们来写一个页面换肤的案例，就是我们点击哪个颜色页面就变成那个颜色；

• 代码

1. HTML部分

首先我们要设置好HTML部分的内容（方块按钮，文字，图片等），并且为写好的内容添加好所需的类名，id名，方便后面的使用。

1. CSS部分

到了CSS部分，我们需要把刚才写好的代码添加CSS样式，如：外框的样式，字体的样式，方块的样式，以及我们需要改变的颜色。

 

1. JavaScript部分

最后到我们的JS部分，首先我们要为刚才的写好的按钮，页面进行一个元素获取，然后为方块按钮绑定点击事件，使其点击后能让页面成功换肤；这样我们的案例就完成了

 

总结；

此次的案例算是非常的简单，很多都是基础的内容，在css中运用了许多的height，width，还有background来改变样式，JS中更是使用了许多“onclick”的点击事件，点击后改变页面的颜色，这次分享就到这里了有些地方可能讲的不是太对，请多多包涵谅解。