欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-05-02 08:03:35
...

作者:赵策

发表时间:2016-4-5

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

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

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

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

  • testWeb
    • image
    • index.html

实现过程:

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

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

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

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