200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > html怎么定义一个图片数组 JavaScript_使用js操作css实现js改变背景图片示例 1 用J

html怎么定义一个图片数组 JavaScript_使用js操作css实现js改变背景图片示例 1 用J

时间:2019-12-08 04:47:31

相关推荐

html怎么定义一个图片数组 JavaScript_使用js操作css实现js改变背景图片示例 1 用J

使用js操作css实现js改变背景图片示例

1、用JS定义一个图片数组,里面存放你想要随机展示的图片

ar imgArr=["/logo_cn.png",

"/baidu_sylogo1.gif",

"/news/uploadImg/2011/2011081906_79.jpg",

"/news/uploadImg/2011/2011081906_76.jpg"];

上面的图片请大家换成自己的。

2、用JS产生一个随机数,当然这个随机数从0开始到imgArr.length-1结束

var index =parseInt(Math.random()*(imgArr.length-1));

这样我们就得到当前随机产生的图片

var currentImage=imgArr[index];

3、既然随机产生了一张背景图,那就用JS把这个图片作为背景图吧。

document.getElementById("BackgroundArea").style.backgroundImage="url("+currentImage+")";

由于这是一个demo,所以我在页面上定义了一个id为BackgroundArea的div,同时也是为这个div设置随机背景的。

Win8系统自带搜索功能如何关闭以便使用第三方服务

实现无限分类生成表格的方法(后台自定义输出table)

Android App开发中使用RecyclerView实现Gallery画廊的实例

Mysql IO 内存方面的优化

Mac从睡眠状态开启后连不上WiFi是什么原因如何解决

浅谈:nofollow标签的使用与分析

PHP中使用register_shutdown_function函数截获fatal error示例

php中mysql连接方式PDO使用详解

JSP对JavaBean的各种常用操作方法总结

中生成饼状与柱状图实例

SWFUpload多文件上传及文件个数限制的方法

win7启用internet连接共享出现错误null怎么办?

win7系统在哪里设置鼠标?win7设置鼠标方法介绍

解析在PHP中使用全局变量的几种方法

html怎么定义一个图片数组 JavaScript_使用js操作css实现js改变背景图片示例 1 用JS定义一个图片数组 里 - phpStudy...

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。