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 相关文章推荐
js实现连续英文字符自动换行兼容ie6 ie7和firefox
Sep 06 Javascript
jquery动态加载js/css文件方法(自写小函数)
Oct 11 Javascript
使用Javascript简单实现图片无缝滚动
Dec 05 Javascript
javascript引用类型之时间Date和数组Array
Aug 27 Javascript
Vue数据驱动模拟实现3
Jan 11 Javascript
vue-router中scrollBehavior的巧妙用法
Jul 09 Javascript
elementUI中Table表格问题的解决方法
Dec 04 Javascript
js console.log打印对象时属性缺失的解决方法
May 23 Javascript
微信小程序如何使用canvas二维码保存至手机相册
Jul 15 Javascript
Vue解析带html标签的字符串为dom的实例
Nov 13 Javascript
JS实现简易留言板(节点操作)
Mar 16 Javascript
JS实现拖拽元素时与另一元素碰撞检测
Aug 27 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中$_FILES的使用方法及注意事项说明
2014/02/14 PHP
php实现文件下载功能的几个代码分享
2014/05/10 PHP
PHP中使用数组指针函数操作数组示例
2014/11/19 PHP
讲解WordPress中用于获取评论模板和搜索表单的PHP函数
2015/12/28 PHP
Laravel框架实现利用中间件进行操作日志记录功能
2018/06/06 PHP
PHP pthreads v3下worker和pool的使用方法示例
2020/02/21 PHP
一个不错的用JavaScript实现的UBB编码函数
2007/03/09 Javascript
关于hashchangebroker和statehashable的补充文档
2011/08/08 Javascript
JavaScript将当前时间转换成UTC标准时间的方法
2015/04/06 Javascript
Node.js的Express框架使用上手指南
2016/03/12 Javascript
js如何判断是否在iframe中及防止网页被别站用iframe嵌套
2017/01/11 Javascript
Ionic 2 实现列表滑动删除按钮的方法
2017/01/22 Javascript
关于Node.js的events.EventEmitter用法介绍
2017/04/01 Javascript
老生常谈javascript中逻辑运算符&&和||的返回值问题
2017/04/13 Javascript
详解mpvue开发小程序小总结
2018/07/25 Javascript
JS异步执行结果获取的3种解决方式
2019/02/19 Javascript
[02:51]2014DOTA2国际邀请赛 IG战队官方纪录片
2014/07/21 DOTA
windows下python模拟鼠标点击和键盘输示例
2014/02/28 Python
Python实现计算文件夹下.h和.cpp文件的总行数
2015/04/23 Python
python 2.6.6升级到python 2.7.x版本的方法
2016/10/09 Python
你所不知道的Python奇技淫巧13招【实用】
2016/12/14 Python
python数据处理实战(必看篇)
2017/06/11 Python
pyqt5简介及安装方法介绍
2018/01/31 Python
基于Tensorflow高阶读写教程
2020/02/10 Python
Keras 切换后端方式(Theano和TensorFlow)
2020/06/19 Python
出纳岗位职责
2013/11/09 职场文书
《冬阳童年骆驼队》教学反思
2014/04/15 职场文书
数控技校生自我鉴定
2014/04/19 职场文书
关于安全的标语
2014/06/10 职场文书
城市轨道交通工程职业生涯规划书范文
2014/09/16 职场文书
还款承诺书范本
2015/01/20 职场文书
机动车交通事故协议书
2015/01/29 职场文书
2015年求职自荐信范文
2015/03/04 职场文书
留学推荐信(中英文版)
2015/03/26 职场文书
2019最新版火锅店的创业计划书 !
2019/07/12 职场文书
Oracle设置DB、监听和EM开机启动的方法
2021/04/25 Oracle