js设置随机切换背景图片的简单实例


Posted in Javascript onNovember 12, 2017

实例如下:

<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设置随机切换背景图片的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js注意img图片的onerror事件的分析
Jan 01 Javascript
js数组的操作详解
Mar 27 Javascript
jQuery中offsetParent()方法用法实例
Jan 19 Javascript
有效提高JavaScript执行效率的几点知识
Jan 31 Javascript
js代码实现点击按钮出现60秒倒计时
Jan 28 Javascript
防止重复发送 Ajax 请求
Feb 15 Javascript
Angular.js中angular-ui-router的简单实践
Jul 18 Javascript
Vue的实例、生命周期与Vue脚手架(vue-cli)实例详解
Dec 27 Javascript
微信小程序版翻牌小游戏
Jan 26 Javascript
Vuejs 单文件组件实例详解
Feb 09 Javascript
javascript异步处理与Jquery deferred对象用法总结
Jun 04 jQuery
详解element上传组件before-remove钩子问题解决
Apr 08 Javascript
AngularJS 表单验证手机号的实例(非必填)
Nov 12 #Javascript
基于js中style.width与offsetWidth的区别(详解)
Nov 12 #Javascript
浅谈webpack下的AOP式无侵入注入
Nov 12 #Javascript
JQ图片文件上传之前预览功能的简单实例(分享)
Nov 12 #Javascript
JS实现小球的弹性碰撞效果
Nov 11 #Javascript
jQuery实现checkbox即点即改批量删除及中间遇到的坑
Nov 11 #jQuery
解决vue组件中使用v-for出现告警问题及v for指令介绍
Nov 11 #Javascript
You might like
一段php加密解密的代码
2006/10/09 PHP
Win2003服务器安全加固设置--进一步提高服务器安全性
2007/05/23 PHP
CodeIgniter自定义控制器MY_Controller用法分析
2016/01/20 PHP
php实现贪吃蛇小游戏
2016/07/26 PHP
php中文乱码问题的终极解决方案汇总
2017/08/01 PHP
php的无刷新操作实现方法分析
2020/02/28 PHP
效率高的Javscript字符串替换函数的benchmark
2008/08/02 Javascript
JS中confirm,alert,prompt函数区别分析
2011/01/17 Javascript
jquery遍历select元素(实例讲解)
2013/12/31 Javascript
对Jquery中的ajax再封装,简化操作示例
2014/02/12 Javascript
jQuery实现类似标签风格的导航菜单效果代码
2015/08/25 Javascript
Jquery时间轴特效(三种不同类型)
2015/11/02 Javascript
谈谈JavaScript类型系统之Math
2016/01/06 Javascript
javascript实现标签切换代码示例
2016/05/22 Javascript
jQuery实现两个select控件的互移操作
2016/12/22 Javascript
jquery在启动页面时,自动加载数据的实例
2018/01/22 jQuery
解决vue this.$forceUpdate() 处理页面刷新问题(v-for循环值刷新等)
2018/07/26 Javascript
jQuery单页面文字搜索插件jquery.fullsearch.js的使用方法
2020/02/04 jQuery
VUE-ElementUI 自定义Loading图操作
2020/11/11 Javascript
Python中标准库OS的常用方法总结大全
2017/07/19 Python
对python 合并 累加两个dict的实例详解
2019/01/21 Python
python之生成多层json结构的实现
2020/02/27 Python
python装饰器三种装饰模式的简单分析
2020/09/04 Python
python爬虫分布式获取数据的实例方法
2020/11/26 Python
东方电视购物:东方CJ
2016/10/12 全球购物
美国厨房和园艺工具网上商店:Nestneed
2019/08/24 全球购物
美国木工工具和用品商店:Woodcraft
2019/10/30 全球购物
linux面试题参考答案(9)
2016/01/29 面试题
模具专业推荐信
2013/10/30 职场文书
校庆标语集锦
2014/06/25 职场文书
终止劳动合同协议书
2014/10/05 职场文书
武当山导游词
2015/02/03 职场文书
2015年反腐倡廉工作总结
2015/05/14 职场文书
2019年怎样写好导游词?
2019/07/02 职场文书
浅谈Python数学建模之线性规划
2021/06/23 Python
Python合并pdf文件的工具
2021/07/01 Python