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 相关文章推荐
JQuyer $.post 与 $.ajax 访问WCF ajax service 时的问题需要注意的地方
Sep 20 Javascript
两个select多选模式的选项相互移动(示例代码)
Jan 11 Javascript
jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)
May 11 Javascript
vue.js通过自定义指令实现数据拉取更新的实现方法
Oct 18 Javascript
js 性能优化之快速响应的用户界面
Feb 15 Javascript
详解Node.js 命令行程序开发教程
Jun 07 Javascript
js 事件的传播机制(实例讲解)
Jul 20 Javascript
knockoutjs模板实现树形结构列表
Jul 31 Javascript
Vue-cli创建项目从单页面到多页面的方法
Sep 20 Javascript
vue中如何使用ztree
Feb 06 Javascript
浅谈VUE防抖与节流的最佳解决方案(函数式组件)
May 22 Javascript
VUE+elementui面包屑实现动态路由详解
Nov 04 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 文件上传实例代码
2012/04/19 PHP
启用Csrf后POST数据时出现的400错误
2015/07/05 PHP
PHP PDO操作MySQL基础教程
2017/06/05 PHP
php基于Redis消息队列实现的消息推送的方法
2018/11/28 PHP
Laravel5.5 数据库迁移:创建表与修改表示例
2019/10/23 PHP
javascript中的prototype属性实例分析说明
2010/08/09 Javascript
Jquery优化效率 提升性能解决方案
2010/09/06 Javascript
让你的CSS像Jquery一样做筛选的实现方法
2011/07/10 Javascript
什么是json和jsonp,jQuery json实例详详细说明
2012/12/11 Javascript
js实现单一html页面两套css切换代码
2013/04/11 Javascript
javascript设置金额样式转换保留两位小数示例代码
2013/12/04 Javascript
超链接的禁用属性Disabled使用示例
2014/07/31 Javascript
jQuery左右滚动支持图片放大缩略图图片轮播代码分享
2015/08/26 Javascript
微信js-sdk上传与下载图片接口用法示例
2016/10/12 Javascript
微信小程序开发图片拖拽实例详解
2017/05/05 Javascript
详解Vue单元测试Karma+Mocha学习笔记
2018/01/31 Javascript
微信小程序音乐播放器开发
2019/11/20 Javascript
Vue-router 报错NavigationDuplicated的解决方法
2020/03/31 Javascript
vue实现div单选多选功能
2020/07/16 Javascript
three.js 将图片马赛克化的示例代码
2020/07/31 Javascript
在antd Form表单中select设置初始值操作
2020/11/02 Javascript
Python开发实例分享bt种子爬虫程序和种子解析
2014/05/21 Python
简单使用Python自动生成文章
2014/12/25 Python
Python Web框架Flask中使用七牛云存储实例
2015/02/08 Python
Python scikit-learn 做线性回归的示例代码
2017/11/01 Python
Python任务调度模块APScheduler使用
2020/04/15 Python
python爬取代理IP并进行有效的IP测试实现
2020/10/09 Python
HTML5 Canvas锯齿图代码实例
2014/04/10 HTML / CSS
美国创意礼品网站:UncommonGoods
2017/02/03 全球购物
英国折扣高尔夫商店:Discount Golf Store
2019/11/19 全球购物
化学实验员岗位职责
2013/12/28 职场文书
运动会广播稿80字
2014/01/23 职场文书
文明单位汇报材料
2014/12/24 职场文书
企业战略合作意向书
2015/05/08 职场文书
Python 类,对象,数据分类,函数参数传递详解
2021/09/25 Python
Lakehouse数据湖并发控制陷阱分析
2022/03/31 Oracle