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 撑出页面文字换行
Jun 15 Javascript
js中call与apply的用法小结
Dec 28 Javascript
JS和函数式语言的三特性
Mar 05 Javascript
JSON.stringify转换JSON时日期时间不准确的解决方法
Aug 08 Javascript
使用JSON.parse将json字符串转换成json对象的时候会出错
Sep 04 Javascript
基于js实现投票的实例代码
Aug 04 Javascript
微信小程序module.exports模块化操作实例浅析
Dec 20 Javascript
浅谈vue中document.getElementById()拿到的是原值的问题
Jul 26 Javascript
简单了解JavaScript作用域
Jul 31 Javascript
vue 限制input只能输入正数的操作
Aug 05 Javascript
详解Vue中的自定义指令
Dec 07 Vue.js
Node与Python 双向通信的实现代码
Jul 16 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
一个SQL管理员的web接口
2006/10/09 PHP
Erlang的运算符(比较运算符,数值运算符,移位运算符,逻辑运算符)
2012/07/23 PHP
PHP编码转换函数 自动转换字符集支持数组转换
2012/12/16 PHP
Nigma vs AM BO3 第一场2.13
2021/03/10 DOTA
JavaScript 替换Html标签实现代码
2009/10/14 Javascript
jquery tab标签页的制作
2010/05/10 Javascript
Prototype源码浅析 Enumerable部分之each方法
2012/01/16 Javascript
{}与function(){}选用空对象{}来存放keyValue
2012/05/23 Javascript
漂亮的jquery提示效果(仿腾讯弹出层)
2013/02/05 Javascript
Javacript实现颜色梯度变化和渐变的效果代码
2013/05/31 Javascript
javascript跟随滚动效果插件代码(javascript Follow Plugin)
2013/08/03 Javascript
jquery iframe操作详细解析
2013/11/20 Javascript
页面js遇到乱码问题的解决方法是和无法转码的情况
2014/04/30 Javascript
关于JS数组追加数组采用push.apply的问题
2014/06/09 Javascript
一个获取第n个元素节点的js函数
2014/09/02 Javascript
JavaScript实现获取dom中class的方法
2015/02/09 Javascript
window.open()实现post传递参数
2015/03/12 Javascript
js文字横向滚动特效
2015/11/11 Javascript
深入浅析JavaScript中的作用域和上下文
2016/03/26 Javascript
Node.js连接postgreSQL并进行数据操作
2016/12/18 Javascript
AngularJS使用拦截器实现的loading功能完整实例
2017/05/17 Javascript
五分钟搞懂Vuex实用知识(小结)
2019/08/12 Javascript
js 计数排序的实现示例(升级版)
2020/01/12 Javascript
vue 获取到数据但却渲染不到页面上的解决方法
2020/11/19 Vue.js
vue脚手架项目创建步骤详解
2021/03/02 Vue.js
python3简单实现微信爬虫
2015/04/09 Python
在python中实现调用可执行文件.exe的3种方法
2019/07/07 Python
python 计算积分图和haar特征的实例代码
2019/11/20 Python
全球在线商店:BerryLook
2019/04/14 全球购物
当我正在为表建立索引的时候,SQL Server 会禁止对表的访问吗
2014/04/28 面试题
物业管理计划书
2014/01/10 职场文书
酒店中秋节活动方案
2014/01/31 职场文书
建筑施工安全生产责任书
2014/07/22 职场文书
不服从公司安排检讨书
2014/09/24 职场文书
小学生勤俭节约倡议书
2015/04/29 职场文书
如何拟写通知正文?
2019/04/02 职场文书