jquery动态切换背景图片的简单实现方法


Posted in Javascript onMay 14, 2016

本文实例讲述了jquery动态切换背景图片的简单实现方法。分享给大家供大家参考,具体如下:

(function()
{
  var bgCounter = 0,
    backgrounds = [
      "Images/BACKGROUND_1_TEST.png",
      "Images/BACKGROUND_2_TEST.png",
      "Images/BACKGROUND_3_TEST.png"
    ];
  function changeBackground()
  {
    bgCounter = (bgCounter+1) % backgrounds.length;
    $('body').css('background', '#000 url('+backgrounds[bgCounter]+') no-repeat');
    setTimeout(changeBackground, 10000);
  }
  changeBackground();
})();

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
DOM基础教程之事件类型
Jan 20 Javascript
Bootstrap的图片轮播示例代码
Aug 31 Javascript
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
Nov 24 Javascript
jQuery实现百叶窗焦点图动画效果代码分享(附源码下载)
Mar 14 Javascript
jquery自定义插件——window的实现【示例代码】
May 06 Javascript
AngularJS中$http服务常用的应用及参数
Aug 22 Javascript
用node和express连接mysql实现登录注册的实现代码
Jul 05 Javascript
JavaScript常见事件处理程序实例总结
Jan 05 Javascript
微信小程序Page中data数据操作和函数调用方法
May 08 Javascript
AngularJS实现的鼠标拖动画矩形框示例【可兼容IE8】
May 17 Javascript
jQuery使用ajax传递json对象到服务端及contentType的用法示例
Mar 12 jQuery
js异步接口并发数量控制的方法示例
Nov 22 Javascript
jQuery基于$.ajax设置移动端click超时处理方法
May 14 #Javascript
jQuery基于扩展实现的倒计时效果
May 14 #Javascript
Angularjs中UI Router的使用方法
May 14 #Javascript
两种js监听滚轮事件的实现方法
May 13 #Javascript
原生js和jquery分别实现横向导航菜单效果
May 13 #Javascript
实例讲解Jquery中隐藏hide、显示show、切换toggle的用法
May 13 #Javascript
AngularJS在IE8的不支持的解决方法
May 13 #Javascript
You might like
php mysql索引问题
2008/06/07 PHP
PHP网站安装程序制作的原理、步骤、注意事项和示例代码
2010/08/01 PHP
用php实现百度网盘图片直链的代码分享
2012/11/01 PHP
PHP实现加密的几种方式介绍
2015/02/22 PHP
php生成动态验证码gif图片
2015/10/19 PHP
深入理解PHP变量的值类型和引用类型
2015/10/21 PHP
php简单的上传类分享
2016/05/15 PHP
zeroclipboard复制到剪切板的flash
2010/08/04 Javascript
JQuery UI的拖拽功能实现方法小结
2012/03/14 Javascript
javaScript让文本框内的最后一个文字的后面获得焦点实现代码
2013/01/06 Javascript
javascript禁用Tab键脚本实例
2013/11/22 Javascript
jquery链式操作的正确使用方法
2014/01/06 Javascript
ext中store.load跟store.reload的区别示例介绍
2014/06/17 Javascript
基于RequireJS和JQuery的模块化编程——常见问题全面解析
2016/04/14 Javascript
js原型链与继承解析(初体验)
2016/05/09 Javascript
JS得到当前时间的方法示例
2017/03/24 Javascript
Angularjs 事件指令详细整理
2017/07/27 Javascript
bootstrap轮播模板使用方法详解
2017/11/17 Javascript
利用vue + element实现表格分页和前端搜索的方法
2017/12/25 Javascript
微信小程序动画(Animation)的实现及执行步骤
2018/10/28 Javascript
electron-vue利用webpack打包实现多页面的入口文件问题
2019/05/12 Javascript
layui select 禁止点击的实现方法
2019/09/05 Javascript
layui 实现二级弹窗弹出之后 关闭一级弹窗的方法
2019/09/18 Javascript
在Python的Flask框架中实现全文搜索功能
2015/04/20 Python
Python中splitlines()方法的使用简介
2015/05/20 Python
python如何实现远程控制电脑(结合微信)
2015/12/21 Python
Python操作Sonqube API获取检测结果并打印过程解析
2019/11/27 Python
pytorch 状态字典:state_dict使用详解
2020/01/17 Python
已安装tensorflow-gpu,但keras无法使用GPU加速的解决
2020/02/07 Python
教育科研先进个人材料
2014/01/26 职场文书
计算机专业职业规划
2014/02/28 职场文书
体育教师个人工作总结
2015/02/09 职场文书
单位推荐信范文
2015/03/27 职场文书
酒店采购员岗位职责
2015/04/03 职场文书
浅谈如何提高PHP代码质量之单元测试
2021/05/28 PHP
详解MongoDB排序时内存大小限制与创建索引的注意事项
2022/05/06 MongoDB