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 相关文章推荐
jQuery 对Select的操作备忘记录
Jul 04 Javascript
浅析JavaScript中的同名标识符优先级
Dec 06 Javascript
JS执行删除前的判断代码
Feb 18 Javascript
javascript 构造函数方式定义对象
Jan 02 Javascript
AngularJS的一些基本样式初窥
Jul 27 Javascript
js实现简洁的TAB滑动门效果代码
Sep 06 Javascript
js+ajax实现获取文件大小的方法
Dec 08 Javascript
轻松掌握JavaScript中介者模式
Aug 26 Javascript
详解JavaScript树结构
Jan 09 Javascript
详解webpack2+React 实例demo
Sep 11 Javascript
使用vue-cli编写vue插件的方法
Feb 26 Javascript
layer关闭弹出窗口触发表单提交问题的处理方法
Sep 25 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中使用memcache存储session的三种配置方法
2014/04/05 PHP
PHP实现图片旋转效果实例代码
2014/10/01 PHP
ThinkPHP上使用多说评论插件的方法
2014/10/31 PHP
用PHP生成excel文件到指定目录
2015/06/22 PHP
php实现scws中文分词搜索的方法
2015/12/25 PHP
Prototype使用指南之dom.js
2007/01/10 Javascript
javascript事件问题
2009/09/05 Javascript
一个轻量级的javascript库 pj介绍
2010/12/19 Javascript
js给页面加style无效果的解决方法
2014/01/20 Javascript
JavaScript遍历Json串浏览器输出的结果不统一问题
2016/11/03 Javascript
javascript ES6 新增了let命令使用介绍
2017/07/07 Javascript
vue loadmore 组件滑动加载更多源码解析
2017/07/19 Javascript
让Vue也可以使用Redux的方法
2018/05/23 Javascript
Vue中mintui的field实现blur和focus事件的方法
2018/08/25 Javascript
jQuery实现ajax的嵌套请求案例分析
2019/02/16 jQuery
Javascript数组方法reduce的妙用之处分享
2019/06/10 Javascript
npm的lock机制解析
2019/06/20 Javascript
15 分钟掌握vue-next响应式原理
2019/10/13 Javascript
简单使用webpack打包文件的实现
2019/10/29 Javascript
JavaScript实现左右滚动电影画布
2020/02/06 Javascript
Python 网络编程起步(Socket发送消息)
2008/09/06 Python
Python 遍历子文件和所有子文件夹的代码实例
2016/12/21 Python
python安装模块如何通过setup.py安装(超简单)
2018/05/05 Python
python生成带有表格的图片实例
2019/02/03 Python
python 获取毫秒数,计算调用时长的方法
2019/02/20 Python
Python 整行读取文本方法并去掉readlines换行\n操作
2020/09/03 Python
SQL注入攻击的种类有哪些
2013/12/30 面试题
应届生程序员求职信
2013/11/05 职场文书
美术社团活动总结
2014/06/27 职场文书
2014年基层党建工作总结
2014/11/11 职场文书
2014年消防工作总结
2014/11/21 职场文书
大学学生会辞职信
2015/05/13 职场文书
政协常委会议主持词
2015/07/03 职场文书
大学生军训心得体会5篇
2019/08/15 职场文书
2021年pycharm的最新安装教程及基本使用图文详解
2021/04/03 Python
使用Pytorch训练two-head网络的操作
2021/05/28 Python