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数组追加数组采用push.apply的问题
Jun 09 Javascript
推荐 21 款优秀的高性能 Node.js 开发框架
Aug 18 Javascript
jQuery实现文本展开收缩特效
Jun 03 Javascript
jQuery实现Flash效果上下翻动的中英文导航菜单代码
Sep 22 Javascript
jQuery实现鼠标经过事件的延时处理效果
Aug 20 Javascript
jQuery滚动新闻实现代码
Jun 26 Javascript
jquery radio的取值_radio的选中_radio的重置方法
Sep 20 Javascript
纯js实现手风琴效果代码
Apr 17 Javascript
jquery获取点击控件的绝对位置简单实例
Oct 13 Javascript
jQuery中 $ 符号的冲突问题及解决方案
Nov 04 Javascript
小程序关于请求同步的总结
May 05 Javascript
v-slot和slot、slot-scope之间相互替换实例
Sep 04 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
《一拳超人》埼玉一拳下去,他们存在了800年毫无意义!
2020/03/02 日漫
使用Apache的rewrite技术
2006/06/22 PHP
使用php将某个目录下面的所有文件罗列出来的方法详解
2013/06/21 PHP
ThinkPHP入口文件设置及相关注意事项分析
2014/12/05 PHP
thinkphp autoload 命名空间自定义 namespace
2015/07/17 PHP
在Mac OS上自行编译安装Apache服务器和PHP解释器
2015/12/24 PHP
Webkit的跨域安全问题说明
2011/09/13 Javascript
含有CKEditor的表单如何提交
2014/01/09 Javascript
22点关于jquery性能优化的建议
2014/05/28 Javascript
jQuery原型属性和原型方法详解
2015/07/07 Javascript
jQuery实现的网页右下角tab样式在线客服效果代码
2015/10/23 Javascript
使用postMesssage()实现iframe跨域页面间的信息传递
2016/03/29 Javascript
JavaScript中数组去除重复的三种方法
2016/04/22 Javascript
js通过classname来获取元素的方法
2016/11/24 Javascript
echarts饼图扇区添加点击事件的实例
2017/10/16 Javascript
js装饰设计模式学习心得
2018/02/17 Javascript
vue指令之表单控件绑定v-model v-model与v-bind结合使用
2019/04/17 Javascript
Vue实现购物车的全选、单选、显示商品价格代码实例
2019/05/06 Javascript
基于JavaScript实现贪吃蛇游戏
2020/03/16 Javascript
vue实现数字滚动效果
2020/06/29 Javascript
理解Proxy及使用Proxy实现vue数据双向绑定操作
2020/07/18 Javascript
Python结巴中文分词工具使用过程中遇到的问题及解决方法
2017/04/15 Python
Keras 实现加载预训练模型并冻结网络的层
2020/06/15 Python
python和go语言的区别是什么
2020/07/20 Python
Python导入父文件夹中模块并读取当前文件夹内的资源
2020/11/19 Python
CSS3 translate导致字体模糊的实例代码
2019/08/30 HTML / CSS
优质美利奴羊毛袜,不只是徒步旅行:Darn Tough Vermont
2018/11/05 全球购物
办公室副主任岗位职责
2013/11/25 职场文书
管道维修工岗位职责
2013/12/27 职场文书
船舶专业个人求职信范文
2014/01/02 职场文书
初中新生军训方案
2014/05/13 职场文书
幼儿园教师的自我评价范文
2014/09/17 职场文书
党的群众路线教育实践活动组织生活会发言材料
2014/10/17 职场文书
基层工作经验证明样本
2014/11/16 职场文书
MongoDB数据库的安装步骤
2021/06/18 MongoDB
SQL中的连接查询详解
2022/06/21 SQL Server