JS操作CSS随机改变网页背景
2014-03-11 09:31
597 查看
今天有个朋友在weibo上问我可不可以用JS和CSS让页面每次刷新随机产生一张背景图,当然我的回答是可以的。具体可以这样做:
1、用JS定义一个图片数组,里面存放你想要随机展示的图片
这里我随便找来了4张图片,凑活着看看。
2、用JS产生一个随机数,当然这个随机数从0开始到imgArr.length-1结束
这样我们就得到当前随机产生的图片
3、既然随机产生了一张背景图,那就用JS把这个图片作为背景图吧。
由于这是一个demo,所以我在页面上定义了一个id为BackgroundArea的div,同时也是为这个div设置随机背景的。
1、用JS定义一个图片数组,里面存放你想要随机展示的图片
2、用JS产生一个随机数,当然这个随机数从0开始到imgArr.length-1结束
相关文章推荐
- JS操作CSS随机改变网页背景实现思路
- JS操作CSS随机改变网页背景实现思路
- JS操作CSS随机改变网页背景实现思路
- 使用js操作css实现js改变背景图片示例
- 使用js操作css实现js改变背景图片示例
- 使用js操作css实现js改变背景图片示例
- 使用js操作css实现js改变背景图片
- js实现网页随机切换背景图片的方法
- 随机切换网页背景图片的JS代码
- js+css控制弹出小窗口之后,后整个页面背景图变色,并且不可操作,点击确定,页面跳转。。。
- js随机生成网页背景颜色的方法
- css实现网页背景图片位置不随滚动条改变
- CSS改变网页中鼠标选中文字背景颜色例子
- 超简短JS实现下拉菜单改变网页背景图片
- js随机改变背景颜色
- JS实现鼠标滑过链接改变网页背景颜色的方法
- js随机改变背景颜色
- JS实现鼠标滑过链接改变网页背景颜色的方法
- js练习6(随机改变背景颜色)
- JS点击按钮如何改变网页的背景颜色