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 相关文章推荐
JavaScript 不只是脚本
May 30 Javascript
IE6下JS动态设置图片src地址问题
Jan 08 Javascript
到处都是jQuery选择器的年代 不了解它们的性能,行吗
Jun 18 Javascript
浅谈页面装载js及性能分析方法
Dec 09 Javascript
Function.prototype.apply()与Function.prototype.call()小结
Apr 27 Javascript
Javascript表单特效之十大常用原理性样例代码大总结
Jul 12 Javascript
JavaScript中最容易混淆的作用域、提升、闭包知识详解(推荐)
Sep 05 Javascript
Vue数据驱动模拟实现5
Jan 13 Javascript
利用node.js+mongodb如何搭建一个简单登录注册的功能详解
Jul 30 Javascript
Vue项目中quill-editor带样式编辑器的使用方法
Aug 08 Javascript
JS数组方法slice()用法实例分析
Jan 18 Javascript
JavaScript常用工具函数汇总(浏览器环境)
Sep 17 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
PHP.MVC的模板标签系统(三)
2006/09/05 PHP
php算开始时间到过期时间的相隔的天数
2011/01/12 PHP
PHP使用PDO连接ACCESS数据库
2015/03/05 PHP
php实现的一段简单概率相关代码
2016/05/30 PHP
推荐20家国外的脚本下载网站
2011/04/28 Javascript
Javascript面向对象编程(三) 非构造函数的继承
2011/08/28 Javascript
window.event快达到全浏览器支持了,以后使用就方便了
2011/11/30 Javascript
js修改table中Td的值(定义td的单击事件)
2013/01/10 Javascript
给jQuery方法添加回调函数一款插件的应用
2013/01/21 Javascript
正则表达式中特殊符号及正则表达式的几种方法总结(replace,test,search)
2013/11/26 Javascript
JS实现仿苹果底部任务栏菜单效果代码
2015/08/28 Javascript
AngularJS服务service用法总结
2016/12/13 Javascript
js实现炫酷的左右轮播图
2017/01/18 Javascript
Angularjs分页查询的实现
2017/02/24 Javascript
JS将unicode码转中文方法
2017/05/08 Javascript
vue select二级联动第二级默认选中第一个option值的实例
2018/01/10 Javascript
nodejs中用npm初始化来创建package.json的实例讲解
2018/10/10 NodeJs
详解VUE项目中安装和使用vant组件
2019/04/28 Javascript
React传值 组件传值 之间的关系详解
2019/08/26 Javascript
[01:32]TI奖金增速竟因它再创新高!DOTA2勇士令状不朽珍藏Ⅰ饰品欣赏
2018/05/18 DOTA
Django在Win7下的安装及创建项目hello word简明教程
2014/07/14 Python
python多进程使用及线程池的使用方法代码详解
2018/10/24 Python
python 使用pandas计算累积求和的方法
2019/02/08 Python
Python:Numpy 求平均向量的实例
2019/06/29 Python
Django之全局使用request.user.username的实例详解
2020/05/14 Python
在python中list作函数形参,防止被实参修改的实现方法
2020/06/05 Python
澳大利亚首个在线预订旅游网站:Wotif
2017/07/19 全球购物
Nanushka官网:匈牙利服装品牌
2019/08/14 全球购物
责任胜于能力演讲稿
2014/05/20 职场文书
公司领导班子对照检查材料
2014/09/24 职场文书
会计专业自荐信范文
2015/03/05 职场文书
个人原因辞职信模板
2015/05/13 职场文书
2015秋季新学期开学寄语
2015/05/28 职场文书
股东出资协议书
2016/03/21 职场文书
100句拼搏进取的名言警句,值得一读!
2019/10/07 职场文书
Python中threading库实现线程锁与释放锁
2021/05/17 Python