使用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...