jQuery动态背景图片效果实现方法


Posted in Javascript onJuly 03, 2015

本文实例讲述了jQuery动态背景图片效果实现方法。分享给大家供大家参考。具体如下:

这里把背景图片按照1.jpg - 20.jpg放到目录里,jQuery会随机调用这些图片作为背景

$(document).ready(function(){
  bgImageTotal=20;
  randomNumber = Math.round(Math.random()*(bgImageTotal-1))+1;
  imgPath=('/my/image/path/'+randomNumber+'.jpg');
  $('h1').css('background-image', ('url("'+imgPath+'")'));
});

希望本文所述对大家的jquery程序设计有所帮助。

Javascript 相关文章推荐
JS面向对象编程浅析
Aug 28 Javascript
js动画(animate)简单引擎代码示例
Dec 04 Javascript
JavaScript实现拖拽网页内元素的方法
Apr 15 Javascript
jquery实现的Banner广告收缩效果代码
Sep 02 Javascript
利用jQuery实现打字机字幕效果实例代码
Sep 02 Javascript
基于jQuery插件jqzoom实现的图片放大镜效果示例
Jan 23 Javascript
jQuery实现倒计时功能 jQuery实现计时器功能
Sep 19 jQuery
vue cli升级webapck4总结
Apr 04 Javascript
使用typescript开发angular模块并发布npm包
Apr 19 Javascript
微信公众号平台接口开发 菜单管理的实现
Aug 14 Javascript
微信小程序关键字变色实现代码实例
Dec 13 Javascript
JS时间戳与日期格式互相转换的简单方法示例
Jan 30 Javascript
js实现防止被iframe的方法
Jul 03 #Javascript
node.js中格式化数字增加千位符的几种方法
Jul 03 #Javascript
node.js调用C++开发的模块实例
Jul 03 #Javascript
使用jspdf生成pdf报表
Jul 03 #Javascript
JSON相关知识汇总
Jul 03 #Javascript
javascript表格的渲染组件
Jul 03 #Javascript
解决jquery实现的radio重新选中的问题
Jul 03 #Javascript
You might like
微信支付开发教程(一)微信支付URL配置
2014/05/28 PHP
PHP基于CURL进行POST数据上传实例
2014/11/10 PHP
可缩放Reloaded-一个针对可缩放元素的复用组件
2007/03/10 Javascript
javascript 学习笔记(六)浏览器类型及版本信息检测代码
2011/04/08 Javascript
jquery 实现窗口的最大化不论什么情况
2013/09/03 Javascript
jquery自定义函数的多种方法
2014/01/09 Javascript
JavaScript中用getDate()方法返回指定日期的教程
2015/06/09 Javascript
JavaScript模板引擎用法实例
2015/07/10 Javascript
js代码实现点击按钮出现60秒倒计时
2021/01/28 Javascript
bootstrap-treeview自定义双击事件实现方法
2016/01/09 Javascript
浅谈jquery高级方法描述与应用
2016/10/04 Javascript
vue通过watch对input做字数限定的方法
2017/07/13 Javascript
WdatePicker.js时间日期插件的使用方法
2017/07/26 Javascript
原生JS实现网页手机音乐播放器 歌词同步播放的示例
2018/02/02 Javascript
axios 处理 302 状态码的解决方法
2018/04/10 Javascript
React props和state属性的具体使用方法
2018/04/12 Javascript
vue 中基于html5 drag drap的拖放效果案例分析
2018/11/01 Javascript
小程序实现五星点评效果
2018/11/03 Javascript
node.js事件轮询机制原理知识点
2019/12/22 Javascript
[52:52]完美世界DOTA2联赛PWL S3 LBZS vs access 第一场 12.10
2020/12/13 DOTA
python操作mysql中文显示乱码的解决方法
2014/10/11 Python
解决Python安装后pip不能用的问题
2018/06/12 Python
Python实现的登录验证系统完整案例【基于搭建的MVC框架】
2019/04/12 Python
详解Python爬取并下载《电影天堂》3千多部电影
2019/04/26 Python
在Pycharm中调试Django项目程序的操作方法
2019/07/17 Python
使用 python pyautogui实现鼠标键盘控制功能
2019/08/04 Python
查看Python依赖包及其版本号信息的方法
2019/08/13 Python
python读取多层嵌套文件夹中的文件实例
2020/02/27 Python
解决Jupyter notebook中.py与.ipynb文件的import问题
2020/04/21 Python
Python读取Excel数据并生成图表过程解析
2020/06/18 Python
Python生成器generator原理及用法解析
2020/07/20 Python
Jar包的作用是什么
2014/03/30 面试题
打架检讨书800字
2014/01/10 职场文书
社会实践活动总结范文
2014/07/03 职场文书
文员试用期转正自我鉴定
2014/09/14 职场文书
Hive日期格式转换方法总结
2022/06/25 数据库