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函数示例
Sep 23 Javascript
jQuery取得select选择的文本与值的示例
Dec 09 Javascript
8个实用的jQuery技巧
Mar 04 Javascript
JavaScript字符串对象toUpperCase方法入门实例(用于把字母转换为大写)
Oct 17 Javascript
分析了一下JQuery中的extend方法实现原理
Feb 27 Javascript
javascript实现3D切换焦点图
Oct 16 Javascript
js中substring和substr两者区别和使用方法
Nov 09 Javascript
javascript中this指向详解
Apr 23 Javascript
Vue-router结合transition实现app前进后退动画切换效果的实例
Oct 11 Javascript
基于Vue自定义指令实现按钮级权限控制思路详解
May 23 Javascript
详解如何在vue-cli中使用vuex
Aug 07 Javascript
js仿京东放大镜效果
Aug 09 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
不支持fsockopen但支持culr环境下下ucenter与modoer通讯问题
2011/08/12 PHP
PHP中strtotime函数使用方法详解
2011/11/27 PHP
PHP下载远程图片并保存到本地方法总结
2016/01/22 PHP
[原创]php实现 data url的图片生成与保存
2016/12/04 PHP
利用PHP访问MySql数据库的逻辑操作以及增删改查的实例讲解
2017/08/30 PHP
PHP执行普通shell命令流程解析
2020/08/24 PHP
关于文本限制字数的js代码
2007/04/02 Javascript
JavaScript之appendChild、insertBefore和insertAfter使用说明
2010/12/30 Javascript
关于使用 jBox 对话框的提交不能弹出问题解决方法
2012/11/07 Javascript
js实现iGoogleDivDrag模块拖动层拖动特效的方法
2015/03/04 Javascript
基于JavaScript操作DOM常用的API小结
2015/12/01 Javascript
NPM 安装cordova时警告:npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to
2016/12/20 Javascript
html5+CSS 实现禁止IOS长按复制粘贴功能
2016/12/28 Javascript
canvas绘制七巧板
2017/02/03 Javascript
bootstrap是什么_动力节点Java学院整理
2017/07/14 Javascript
angular4 共享服务在多个组件中数据通信的示例
2018/03/30 Javascript
vue 实现数字滚动增加效果的实例代码
2018/07/06 Javascript
微信小程序map组件结合高德地图API实现wx.chooseLocation功能示例
2019/01/23 Javascript
Vue渲染过程浅析
2019/03/14 Javascript
vue2.x 通过后端接口代理,获取qq音乐api的数据示例
2019/10/30 Javascript
[01:38]2018DOTA2亚洲邀请赛主赛事第二日现场采访 神秘商人痛陈生计不易
2018/04/05 DOTA
Python 操作MySQL详解及实例
2017/04/30 Python
django将数组传递给前台模板的方法
2019/08/06 Python
Python requests及aiohttp速度对比代码实例
2020/07/16 Python
用CSS3打造HTML5的Logo(实现代码)
2016/06/16 HTML / CSS
Monnier Freres中文官网:法国领先的奢侈品配饰在线零售商
2017/11/01 全球购物
如何写一个Java类既可以用作applet也可以用作java应用
2016/01/18 面试题
个人找工作求职简历的自我评价
2013/10/20 职场文书
幼儿园中秋节活动方案2013
2014/01/29 职场文书
博士生求职信
2014/07/06 职场文书
水电维修专业推荐信
2014/09/06 职场文书
2015暑期爱心支教策划书
2015/07/14 职场文书
公司环境卫生管理制度
2015/08/05 职场文书
简历中的自我评价应该这样写!
2019/07/12 职场文书
Java基础之this关键字的使用
2021/06/30 Java/Android
浅析Python OpenCV三种滤镜效果
2022/04/11 Python