前端笔记-随机使用背景_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>

登录后复制

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3117474.html

(0)
上一篇 2025年3月29日 13:38:38
下一篇 2025年3月29日 13:38:48

AD推荐 黄金广告位招租... 更多推荐

发表回复

登录后才能评论