200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 使用js操作css实现js改变背景图片示例【javascript】

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

时间:2021-02-11 08:01:50

相关推荐

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

web前端|js教程

js,操作css,js改变背景图片示例

web前端-js教程

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

诱导支付app源码,vscode版本图标,ubuntu 音频处理,远程调试 tomcat,sqlite删除多条数据,前端用哪个框架用的比较多,全国大学分布爬虫,php添加键值,永泰网页seo优化,静态网站程序,网页商品展示特效,抽奖转盘模板lzw

ar imgArr=["/logo_cn.jpg",

"/baidu_sylogo1.jpg",

"/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));

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

易语言按钮倒计时源码,vscode用matlab,mimeme ubuntu,tomcat超时原因,c sqlite 时间日期,插件多的源,前端开发框架的网站有哪些,商城数据爬虫插件下载失败,php 读取文件一行,智能seo优化平台,其他网站怎么html5播放,网页代码编辑软件,表格 订单管理 模板lzw

var currentImage=imgArr[index];

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

手机维修 php o2o源码,vscode智能提示组件,ubuntu安装完,tomcat 特性,SQLITE下载电子书,动态网页设计费用报价,建设数据库服务器,服务器为什么超带宽,音乐悬浮插件,网站前端用什么框架,爬虫程序代码,php nts,seo需要学习,springboot 豆瓣,dede调用时间标签,桂林装修网站源码,网页 图片裁剪,校无忧学校网站系统 模板,织梦后台留言板,wordpress瀑布流页面,服装仓库管理系统,简单程序代码lzw

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

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

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