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 相关文章推荐
THREE.JS入门教程(1)THREE.JS使用前了解
Jan 24 Javascript
js实现身份证号码验证的简单实例
Feb 19 Javascript
JavaScript设计模式之外观模式介绍
Dec 28 Javascript
jQuery展示表格点击变色、全选、删除
Jan 05 Javascript
Vue 项目部署到服务器的问题解决方法
Dec 05 Javascript
vue登录注册及token验证实现代码
Dec 14 Javascript
微信小程序使用Promise简化回调
Feb 06 Javascript
使用svg实现动态时钟效果
Jul 17 Javascript
bootstrap select2插件用ajax来获取和显示数据的实例
Aug 09 Javascript
vue-cli3搭建项目的详细步骤
Dec 05 Javascript
vue3.0搭配.net core实现文件上传组件
Oct 29 Javascript
JavaScript实现筛选数组
Mar 02 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按字符串长度分割成数组代码
2015/05/17 PHP
PHP多进程简单实例小结
2019/11/09 PHP
一个可以显示阴历的JS代码
2007/03/05 Javascript
用js实现的检测浏览器和系统的函数
2009/04/09 Javascript
XENON基于JSON变种
2010/07/27 Javascript
jQuery操作input值的各种方法总结
2013/11/21 Javascript
微信小程序 地图定位简单实例
2016/10/14 Javascript
JavaScript实现256色转灰度图
2017/02/22 Javascript
js实现带简单弹性运动的导航条
2017/02/22 Javascript
JS判断非空至少输入两个字符的简单实现方法
2017/06/23 Javascript
详解用node.js实现简单的反向代理
2017/06/26 Javascript
js异步上传多张图片插件的使用方法
2018/10/22 Javascript
详解Vue.js自定义tipOnce指令用法实例
2018/12/19 Javascript
基于js实现复制内容到操作系统粘贴板过程解析
2019/10/11 Javascript
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
2020/04/01 jQuery
python获取本机mac地址和ip地址的方法
2015/04/29 Python
Python如何抓取天猫商品详细信息及交易记录
2018/02/23 Python
python实现爬取图书封面
2018/07/05 Python
python使用Matplotlib画饼图
2018/09/25 Python
运用Python的webbrowser实现定时打开特定网页
2019/02/21 Python
详解将Pandas中的DataFrame类型转换成Numpy中array类型的三种方法
2019/07/06 Python
对Django外键关系的描述
2019/07/26 Python
Python实现微信机器人的方法
2019/09/06 Python
python上传时包含boundary时的解决方法
2020/04/08 Python
numpy矩阵数值太多不能全部显示的解决
2020/05/14 Python
Python类super()及私有属性原理解析
2020/06/15 Python
Python爬取豆瓣数据实现过程解析
2020/10/27 Python
pandas apply使用多列计算生成新的列实现示例
2021/02/24 Python
简单掌握CSS3将文字描边及填充文字颜色的方法
2016/03/07 HTML / CSS
销售人员中英文自荐信
2013/09/22 职场文书
土木工程专业个人求职信
2013/12/05 职场文书
教师通用专业自荐书范文
2014/02/11 职场文书
餐饮商业计划书范文
2014/04/29 职场文书
优秀党员自我评价范文
2014/09/15 职场文书
装修安全责任协议书
2016/03/22 职场文书