原文:JS实现随机背景图片与图片大小变换的效果

经常在网上见一些网站访问一次背景图片改变一次,而且图片的大小不停变换,于是想着自己研究一下。 背景图片可以通过JS的随机数来改变图片的src来实现随机图片,图片的大小变换可以用JS的setInterval实现。 img目录下的图片: 测试代码: 结果可以实现每次访问图片src随机而且大小不停的变换。 一般是在登录页使用上面的效果实现呼吸图的效果,如果纵向出现滚动条的话可以用下面css代码隐藏滚动 ...

2018-10-30 16:54 0 970 推荐指数:

查看详情

css文件 如何使背景图片大小适应div的大小

背景图片设置属性:background-size:cover;可以实现背景图片适应div的大小。 background-size有3个属性: auto:当使用该属性的时候,背景图片将保持100% 的大小显示,不进行任何缩放。超过div的多余部分将被隐藏。当图片过小时,图片会自动平铺 ...

Tue Apr 23 02:49:00 CST 2019 0 5498
css文件 如何使背景图片大小适应div的大小

背景图片设置属性:background-size:cover;可以实现背景图片适应div的大小。 background-size有3个属性: auto:当使用该属性的时候,背景图片将保持100% 的大小显示,不进行任何缩放。超过div的多余部分将被隐藏。当图片过小时,图片会自动平铺 ...

Sat Nov 24 07:18:00 CST 2018 0 1661
背景图片随机API

在美化博客园的时候,遇到了一个问题:博客背景图片只支持一张图片,看到有道友说可以用API随机图片。 于是就有了这篇文章。 本文主要整理了一些随机图片API,希望对你有帮助。 岁月小筑 https://img.xjh.me 保罗API https ...

Sun Mar 14 22:42:00 CST 2021 0 941
css 背景图片虚化效果

转载地址:http://blog.csdn.net/ohehehou/article/details/51975539 需求:一个div设置了background: url,现在需要使图片背景模糊,div内的文字清晰显示。 原始代码: <!DOCTYPE ...

Fri May 12 03:53:00 CST 2017 0 42103
自适应大小背景图片

  相信很多前端会遇到这个问题:要做一个尺寸自适应的页面,其中某个容器的背景图也需要跟着容器的尺寸一起改变。如果背景是有规律的纯色或者渐变还好办,直接平铺即可。但如果背景是要求完全显示的一张完整的图片呢,我们使用background-image这个属性是没办法达到我们的要求的,因为背景图大小 ...

Wed Aug 13 00:28:00 CST 2014 0 3663
js实现自动更换页面背景图片

今天了解了如何使用js来达到使页面自动更换背景图片,当我们在浏览一些网站的首页时,首页的顶端部分往往是有一些图片构成,同时图片会自动更换,这大概(对,大概,因为我也不确定)使用的是定时器原理吧,即设定一个固定的时间,当过了该段时间时会触发某个事件或者完成某个动作,下面我的这段代码就是设置 ...

Tue Nov 14 08:16:00 CST 2017 1 19168
js实现点击切换checkbox背景图片

在制作网页的过程中,经常需要实现点击切换背景图片效果,本文关注的是表单中checkbox背景图片切换的实现。如图,在输入用户名和密码后,用户需要选择是否记住密码 图片背景为白色表示未勾选状态 ,背景为蓝色表示勾选状态 。 HTML源码如下: 其中checkbox 默认为勾 ...

Sun May 07 23:28:00 CST 2017 0 5737
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM