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
Nov 25 Javascript
关于js获取radio和select的属性并控制的代码
May 12 Javascript
js获取对象为null的解决方法
Nov 21 Javascript
jQuery判断对象是否存在的方法
Feb 05 Javascript
JS+CSS实现简单滑动门(滑动菜单)效果
Sep 19 Javascript
JS+CSS实现经典的左侧竖向滑动菜单效果
Sep 23 Javascript
常用的JQuery函数及功能小结
Mar 24 Javascript
Dojo获取下拉框的文本和值实例代码
May 27 Javascript
浅谈es6中export和export default的作用及区别
Feb 07 Javascript
jQuery时间戳和日期相互转换操作示例
Dec 07 jQuery
JS实现压缩上传图片base64长度功能
Dec 03 Javascript
JS前后端实现身份证号验证代码解析
Jul 23 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 Mysql日期和时间函数集合
2007/11/16 PHP
PHP单元测试框架PHPUnit用法详解
2019/01/23 PHP
PHP实现会员账号单唯一登录的方法分析
2019/03/07 PHP
JavaScript XML和string相互转化实现代码
2011/07/04 Javascript
javascript放大镜效果的简单实现
2013/12/09 Javascript
jQuery获取选中内容及设置元素属性的方法
2014/07/09 Javascript
js显示文本框提示文字的方法
2015/05/07 Javascript
javascript中for/in循环及使用技巧
2015/09/01 Javascript
JS实现自动变化的导航菜单效果代码
2015/09/09 Javascript
jQuery实现可展开合拢的手风琴面板菜单
2015/09/15 Javascript
JS图片放大效果简单实现代码
2016/09/08 Javascript
利用Chrome DevTools直接调试Node.js和JavaScript的方法详解(并行)
2017/02/16 Javascript
javascript和php使用ajax通信传递JSON的实例
2018/08/21 Javascript
element-ui table span-method(行合并)的实现代码
2018/12/20 Javascript
vue实现父子组件之间的通信以及兄弟组件的通信功能示例
2019/01/29 Javascript
2019年度web前端面试题总结(主要为Vue面试题)
2020/01/12 Javascript
javascript异常处理实现原理详解
2020/02/17 Javascript
JavaScript实现栈结构Stack过程详解
2020/03/07 Javascript
基于JS正则表达式实现模板数据动态渲染(实现思路详解)
2020/03/07 Javascript
python下setuptools的安装详解及No module named setuptools的解决方法
2017/07/06 Python
Python实现多进程共享数据的方法分析
2017/12/04 Python
Python将一个CSV文件里的数据追加到另一个CSV文件的方法
2018/07/04 Python
Python实现图片转字符画的代码实例
2019/02/22 Python
PyQt5的安装配置过程,将ui文件转为py文件后显示窗口的实例
2019/06/19 Python
django连接mysql数据库及建表操作实例详解
2019/12/10 Python
Python实现汇率转换操作
2020/05/03 Python
HTML5注册页面示例代码
2014/03/27 HTML / CSS
美国半成品食材配送服务商:Home Chef
2018/01/25 全球购物
法国高保真音响和家庭影院商店:Son Video
2019/04/26 全球购物
慰问敬老院活动总结
2014/04/26 职场文书
公共艺术专业自荐信
2014/09/01 职场文书
2014年政风行风评议工作总结
2014/10/21 职场文书
2015年安全生产责任书
2015/01/30 职场文书
热爱劳动主题班会
2015/08/14 职场文书
jQuery class属性操作addClass()与removeClass()、hasClass()、toggleClass()
2021/03/31 jQuery
Python可变集合和不可变集合的构造方法大全
2021/12/06 Python