写一个简单的浏览器页面换肤的代码

今天我们来学习一下一个页面的换肤操作，也可以说是换背景。

1.新建一个HTML文档，先把选择的框架写出来，效果如下：

正在上传…重新上传取消

正在上传…重新上传取消

鼠标右键用浏览器打开，上面的点击色块，那就说明完成了框架搭建，我们接着下面的代码。

正在上传…重新上传取消

正在上传…重新上传取消

我现在用的是比较方便的for循环代码，这个循环是比较方便的。返回浏览器刷新，再次点击色块，这样就有效果了。图片如上：

上面的是简单的，我们再换一种方法，接下来的方法就麻烦一点了，我这边呢是比较推荐新手用接下来的一种：

正在上传…重新上传取消

先把这一些注释掉。

再重新写代码。

正在上传…重新上传取消

这一种是遍历循环，写起来的也不是很麻烦的，写一个出来了，然后再复制粘贴就行了。

在浏览器点击效果也是一样的，不过呢我还是推荐大家先用这一种方法，等熟练了，再用第一种方法，这样的记忆会比较深刻一点。