在我们使用电脑的时候可以更换桌面的背景，那么网页上是否可以更换背景那？答案是可以的；小编在这里就和大家分享一下这样的事例；
工具/原料
1
电脑
2
Sublime text 2（也可以是其他的编写网页的软件，关键是代码）
方法/步骤
1
架构：div 中包含着一个 ul，ul中有两个 li；（这里的 li 用作后面按钮的作用）
2
之后给 div设置一下高度和背景色（这样可以便于区分，由于我们设定的是一个长条栏所以就不设定宽度了）
3
然后控制 ul 下的 li 属性；li 的高宽，外边距；设置为悬浮（这样 li 就可以在同一行）；分别为两个 li 设背景色紫色和粉红色（对应了下面背景图颜色）；
4
然后先设定整个背景的背景图，我们首先设定粉红色的背景图（这是默认的背景图）
5
关键就是 script 标签中的 js 代码；先获取 两个 li，并定义为变量，oL1，oL2；然后写入事件（ onclick 事件）点击 oL1 时背景变为 紫色背景图；点击 oL2 时背景变为 粉色背景图；
注意事项
1
仅作分享；
2
请注意语法；
上一篇：qq怎么改昵称