js设置随机切换背景图片的简单实例
2017-11-12 11:45
901 查看
实例如下:
<script> var imgs =["http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_2.jpg", "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_default.png", "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_3.jpg", "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_1.jpg", "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_4.jpg", "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_5.jpg", "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_6.jpg", "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_default-2.jpg", ]; var index=Math.floor(Math.random()*8); var img = imgs[index]; function time(){ document.body.style.backgroundImage="url("+img+")"; } document.body.onload = function(){ time(); } </script>
以上这篇js设置随机切换背景图片的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- js实现点击切换checkbox背景图片的简单实例
- js设置随机切换背景图片
- js设置随机切换背景图片
- 一个简单且丑陋的js切换背景图片基础示例
- js实现网页随机切换背景图片的方法
- js实现网页随机切换背景图片的方法
- 随机切换网页背景图片的JS代码
- 一段非常简单的让图片自动切换js代码
- 纯js实现背景图片切换效果代码
- js(JavaScript)实现TAB标签切换效果的简单实例
- js和jquery 两种写法 鼠标经过图片切换背景效果
- js基础——图片切换实例(函数传参)
- 使用js获取图片某一点的rgb值,并设置相适应的背景颜色。http://www.zhangxinxu.com/study/201408/rgbaster-js-example.html
- Java Swing中怎样简单方便的设置背景图片
- JS实现的简单图片切换功能示例【测试可用】
- 背景图片每次刷新以后随机切换和背景图片隔一段时间换一个
- 设置按钮点击切换背景图片
- 无js实现点击图片切换背景css3
- js javascript 设置页面背景色,设置背景图片
- jQuery实现图片向左向右切换效果的简单实例