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 相关文章推荐
Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别
Nov 12 Javascript
javascript 事件处理程序介绍
Jun 27 Javascript
JS实现点击颜色块切换指定区域背景颜色的方法
Feb 25 Javascript
javascript编程异常处理实例小结
Nov 30 Javascript
客户端验证用户名和密码的方法详解
Jun 16 Javascript
jQuery实现侧浮窗与中浮窗切换效果的方法
Sep 05 Javascript
微信小程序promsie.all和promise顺序执行
Oct 27 Javascript
JS写谷歌浏览器chrome的外挂实例
Jan 11 Javascript
原生JS实现的双色球功能示例
Feb 02 Javascript
mac上配置Android环境变量的方法
Jul 08 Javascript
微信小程序获取复选框全选反选选中的值(实例代码)
Dec 17 Javascript
Ajax实现三级联动效果
Oct 05 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新手上路(七)
2006/10/09 PHP
php zend解密软件绿色版测试可用
2008/04/14 PHP
php图片的裁剪与缩放生成符合需求的缩略图
2013/01/11 PHP
smarty模板引擎中变量及变量修饰器用法实例
2015/01/22 PHP
一张表搞清楚php is_null、empty、isset的区别
2015/07/07 PHP
php微信公众账号开发之前五个坑(一)
2016/09/18 PHP
提高Laravel应用性能方法详解
2019/06/24 PHP
JavaScript面向对象之静态与非静态类
2010/02/03 Javascript
JavaScript学习笔记之获取当前目录的实现代码
2010/12/14 Javascript
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
2011/04/24 Javascript
jQuery 2.0.3 源码分析之core(一)整体架构
2014/05/27 Javascript
a标签的href与onclick事件的区别详解
2014/11/12 Javascript
jquery读取xml文件实现省市县三级联动的方法
2015/05/29 Javascript
浅谈jquery中delegate()与live()
2015/06/22 Javascript
jQuery绑定事件的几种实现方式
2016/05/09 Javascript
Nodejs 复制文件/文件夹的方法
2017/08/24 NodeJs
Angular2之二级路由详解
2018/08/31 Javascript
vue ajax 拦截原理与实现方法示例
2019/11/29 Javascript
详解Python中__str__和__repr__方法的区别
2015/04/17 Python
实例讲解Python中函数的调用与定义
2016/03/14 Python
基于python绘制科赫雪花
2018/06/22 Python
Python JSON格式数据的提取和保存的实现
2019/03/22 Python
Python搭建代理IP池实现接口设置与整体调度
2019/10/27 Python
What is view? why do we have view?
2012/06/22 面试题
Python是如何进行类型转换的
2013/06/09 面试题
家长对孩子的感言
2014/03/10 职场文书
教师四风自我剖析材料
2014/09/30 职场文书
党的群众路线教育实践活动实施方案
2014/10/31 职场文书
2014教师专业技术工作总结
2014/12/03 职场文书
三年级学生评语大全
2014/12/26 职场文书
行政助理岗位职责范本
2015/04/11 职场文书
廉政承诺书2015
2015/04/28 职场文书
2015年超市工作总结范文
2015/05/26 职场文书
婚宴领导致辞
2015/07/28 职场文书
python自动计算图像数据集的RGB均值
2021/06/18 Python
MySQL 如何限制一张表的记录数
2021/09/14 MySQL