前端笔记-随机使用背景_html/css_WEB-ITnose

作者：赵策

发表时间：2016-4-5

每次打开网站，总是熟悉的模样，看得久了就感觉 丑！！！于是今天突发奇想，给网站做了一个随机使用背景。焕然一新，感觉果然是舒服多了。

可以实现随机使用背景的方法比较多，今天介绍一种相对容易理解的简单办法。

原理就是通过js代码来动态的生成一个代表图片路径的 字符串或者 html代码

先看一下我的文件结构结构（testWeb即整个网站）

• testWeb
  • image
  • index.html

实现过程：

首先在网上找一些喜欢的背景图片都放在image文件夹中.（分辨率别太小了，不是用来做头像的!:cat:）

其实直接用网上的图片链接也可以，只要能找到连接就行。

有了图片之后就可以做一个简单地 html网页，代码如下:

&lthtml lang="en">&lthead>  &ltmeta charset="UTF-8">  &lttitle>Document&ltbody>