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 相关文章推荐
解决 FireFox 下[使用event很麻烦] 的问题.
Aug 22 Javascript
jquery的Tooltip插件 qtip使用详细说明
Sep 08 Javascript
js解析与序列化json数据(二)序列化探讨
Feb 01 Javascript
jQuery操作Select的Option上下移动及移除添加等等
Nov 18 Javascript
javascript数据结构之双链表插入排序实例详解
Nov 25 Javascript
jQuery实现查找链接文字替换属性的方法
Jun 27 Javascript
jQuery实现的自定义弹出层效果实例详解
Sep 04 Javascript
Jquery给当前页或者跳转后页面的导航栏添加选中后样式的实例
Dec 08 Javascript
JS的Ajax与后端交互数据的实例
Aug 08 Javascript
微信小程序实现点赞、取消点赞功能
Nov 02 Javascript
详解vue-router 动态路由下子页面多页共活的解决方案
Dec 22 Javascript
如何使用Jquery动态生成二级选项列表
Feb 06 jQuery
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 adodb连接不同数据库
2009/03/19 PHP
批量获取memcache值并按key的顺序返回的实现代码
2011/06/14 PHP
『PHP』PHP截断函数mb_substr()使用介绍
2013/04/22 PHP
PHP与SQL语句写一句话木马总结
2019/10/11 PHP
子窗口、父窗口和Silverlight之间的相互调用
2010/08/16 Javascript
Jquery的hide及toggle方法让超链接慢慢消失
2013/09/06 Javascript
JavaScript获取当前网页标题(title)的方法
2015/04/03 Javascript
JavaScript使用DeviceOne开发实战(四)仿优酷视频应用
2015/12/02 Javascript
bootstrap布局中input输入框右侧图标点击功能
2016/05/16 Javascript
js获取上传文件的绝对路径实现方法
2016/08/02 Javascript
轻松实现jQuery添加删除按钮Click事件
2017/03/13 Javascript
如何给ss bash 写一个 WEB 端查看流量的页面
2017/03/23 Javascript
关于vue-resource报错450的解决方案
2017/07/24 Javascript
JavaScript实现无刷新上传预览图片功能
2017/08/02 Javascript
Vue-cli-webpack搭建斗鱼直播步骤详解
2017/11/17 Javascript
深入浅出webpack之externals的使用
2017/12/04 Javascript
详解Require.js与Sea.js的区别
2018/08/05 Javascript
详解vue 自定义marquee无缝滚动组件
2019/04/09 Javascript
使用Vue-cli3.0创建的项目 如何发布npm包
2019/10/10 Javascript
vue 全局封装loading加载教程(全局监听)
2020/11/05 Javascript
Python模块学习 datetime介绍
2012/08/27 Python
Python版微信红包分配算法
2015/05/04 Python
详解Python中表达式i += x与i = i + x是否等价
2017/02/08 Python
在cmd命令行里进入和退出Python程序的方法
2018/05/12 Python
linux环境下安装python虚拟环境及注意事项
2020/01/07 Python
PySide2出现“ImportError: DLL load failed: 找不到指定的模块”的问题及解决方法
2020/06/10 Python
韩国三大免税店之一:THE GRAND 中文免税店
2016/07/21 全球购物
意大利运动服减价商店:ScontoSport
2020/03/10 全球购物
机电职业生涯规划书范文
2014/03/08 职场文书
社区活动总结报告
2014/05/05 职场文书
英语教育专业毕业生求职信
2014/08/28 职场文书
委托书如何写
2014/08/30 职场文书
2014乡镇干部对照检查材料思想汇报
2014/09/26 职场文书
幼儿园班级管理心得体会
2016/01/07 职场文书
2016年教师反腐倡廉心得体会
2016/01/13 职场文书
Angular CLI发布路径的配置项浅析
2021/03/29 Javascript