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 相关文章推荐
使两个iframe的高度与内容自适应,且相等
Nov 20 Javascript
基于JQuery的数字改变的动画效果--可用来做计数器
Aug 11 Javascript
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
Apr 02 Javascript
JS 实现Json查询的方法实例
Apr 12 Javascript
jQuery网页选项卡插件rTabs用法实例分析
Aug 26 Javascript
JS实现完全语义化的网页选项卡效果代码
Sep 15 Javascript
Jquery实现简单的轮播效果(代码管用)
Mar 14 Javascript
jQuery事件处理的特征(事件命名机制)
Aug 23 Javascript
用JS实现简单的登录验证功能
Jul 28 Javascript
详解ES6系列之私有变量的实现
Nov 21 Javascript
基于JS实现简单滑块拼图游戏
Oct 12 Javascript
Vue-cli assets SubDirectory及PublicPath区别详解
Aug 18 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 多进程 解决难题
2009/06/22 PHP
自己在做项目过程中学到的PHP知识收集
2012/08/20 PHP
php FLEA中二叉树数组的遍历输出
2012/09/26 PHP
destoon实现资讯信息前面调用它所属分类的方法
2014/07/15 PHP
php三种实现多线程类似的方法
2015/10/30 PHP
详解PHP数据压缩、加解密(pack, unpack)
2016/12/17 PHP
Ubuntu中支持PHP5与PHP7双版本的简单实现
2018/08/19 PHP
createElement与createDocumentFragment的点点区别小结
2011/12/19 Javascript
js数组循环遍历数组内所有元素的方法
2014/01/18 Javascript
jQuery-ui引入后Vs2008的无智能提示问题解决方法
2014/02/10 Javascript
基于javascript的COOkie的操作实现只能点一次
2014/12/26 Javascript
在JavaScript中操作时间之getMonth()方法的使用
2015/06/10 Javascript
JS使用parseInt解析数字实现求和的方法
2015/08/05 Javascript
jQuery模拟物体自由落体运动(附演示与demo源码下载)
2016/01/21 Javascript
修改 bootstrap table 默认detailRow样式的实例代码
2017/07/21 Javascript
nginx配置React静态页面的方法教程
2017/11/03 Javascript
Vue2 SSR渲染根据不同页面修改 meta
2017/11/20 Javascript
Bootstrap4如何定制自己的颜色和风格
2018/02/26 Javascript
React styled-components设置组件属性的方法
2018/08/07 Javascript
微信小程序如何使用globalData的方法
2019/06/06 Javascript
vue实现学生信息管理系统
2020/05/30 Javascript
python定时执行指定函数的方法
2015/05/27 Python
Python 爬虫之Beautiful Soup模块使用指南
2018/07/05 Python
对python的bytes类型数据split分割切片方法
2018/12/04 Python
Python面向对象程序设计OOP入门教程【类,实例,继承,重载等】
2019/01/05 Python
Python3.5 Json与pickle实现数据序列化与反序列化操作示例
2019/04/29 Python
Python从入门到精通之环境搭建教程图解
2019/09/26 Python
欧洲顶级的童装奢侈品购物网站:Bambini Fashion(面向全球)
2018/04/24 全球购物
英国国家美术馆商店:National Gallery
2019/05/01 全球购物
J2EE相关知识面试题
2013/08/26 面试题
军训感想500字
2014/02/20 职场文书
春节联欢晚会主持词范文
2014/03/24 职场文书
校园文明标语
2014/06/13 职场文书
土地租赁意向书
2014/07/30 职场文书
大学生各类奖学金申请书
2019/06/24 职场文书
Python数据可视化之Seaborn的安装及使用
2022/04/19 Python