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 相关文章推荐
使用jQuery的ajax功能实现的RSS Reader 代码
Sep 03 Javascript
Javascript 复制数组实现代码
Nov 26 Javascript
javascript URL编码和解码使用说明
Apr 12 Javascript
JS判断当前日期是否大于某个日期的实现代码
Sep 02 Javascript
EditPlus注册码生成器(js代码实现)
Mar 25 Javascript
纯JS代码实现一键分享功能
Apr 20 Javascript
解决Vue+Element ui开发中碰到的IE问题
Sep 03 Javascript
vue 监听某个div垂直滚动条下拉到底部的方法
Sep 15 Javascript
小程序实现人脸识别功能(百度ai)
Dec 23 Javascript
vue和better-scroll实现列表左右联动效果详解
Apr 29 Javascript
webpack安装配置与常见使用过程详解(结合vue)
Jun 01 Javascript
Vue父组件监听子组件生命周期
Sep 03 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中函数内引用全局变量的方法
2008/10/20 PHP
php进行支付宝开发中return_url和notify_url的区别分析
2014/12/22 PHP
php将远程图片保存到本地服务器的实现代码
2015/08/03 PHP
11款新鲜的jQuery插件[附所有demo下载]
2011/01/24 Javascript
js判断鼠标左、中、右键哪个被点击的方法
2015/01/27 Javascript
angularjs学习笔记之简单介绍
2015/09/26 Javascript
jquery插件EasyUI中form表单提交实例分享
2016/01/11 Javascript
Angular.js中处理页面闪烁的方法详解
2017/03/09 Javascript
Vuex的基本概念、项目搭建以及入坑点
2018/11/04 Javascript
Node.js的进程管理的深入理解
2019/01/09 Javascript
vue实现简单图片上传
2020/06/30 Javascript
原生js实现俄罗斯方块
2020/10/20 Javascript
Vue实现购物车基本功能
2020/11/08 Javascript
详解阿里Node.js技术文档之process模块学习指南
2021/01/04 Javascript
python实现电子词典
2020/04/23 Python
python 自动化将markdown文件转成html文件的方法
2016/09/23 Python
python增加矩阵维度的实例讲解
2018/04/04 Python
python 画三维图像 曲面图和散点图的示例
2018/12/29 Python
在python中获取div的文本内容并和想定结果进行对比详解
2019/01/02 Python
对python过滤器和lambda函数的用法详解
2019/01/21 Python
python实现扫描局域网指定网段ip的方法
2019/04/16 Python
python 使用while循环输出*组成的菱形实例
2020/04/12 Python
Python获取浏览器窗口句柄过程解析
2020/07/25 Python
毕业生文员求职信
2013/11/03 职场文书
和平主题的演讲稿
2014/01/12 职场文书
人事专员的岗位职责
2014/03/01 职场文书
理想点亮人生演讲稿
2014/05/21 职场文书
学校节能减排方案
2014/06/13 职场文书
2014年保卫科工作总结
2014/12/05 职场文书
水电工岗位职责
2015/02/14 职场文书
宝葫芦的秘密观后感
2015/06/11 职场文书
毕业欢送晚会主持词
2019/06/25 职场文书
导游词之北京明十三陵
2019/10/28 职场文书
基于Go Int转string几种方式性能测试
2021/04/28 Golang
Python Pygame实战在打砖块游戏的实现
2022/03/17 Python
服务器SVN搭建图文安装过程
2022/06/21 Servers