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 页面全选框实践代码
Apr 02 Javascript
网页前台通过js非法字符过滤代码(骂人的话等等)
May 26 Javascript
jquery更换文章内容与改变字体大小代码
Sep 30 Javascript
JS兼容浏览器的导出Excel(CSV)文件的方法
May 03 Javascript
jQuery实现仿Alipay支付宝首页全屏焦点图切换特效
May 04 Javascript
基于vue2.0+vuex的日期选择组件功能实现
Mar 13 Javascript
easyui-edatagrid.js实现回车键结束编辑功能的实例
Apr 12 Javascript
如何从零开始利用js手写一个Promise库详解
Apr 19 Javascript
Vue插件打包与发布的方法示例
Aug 20 Javascript
在Vuex使用dispatch和commit来调用mutations的区别详解
Sep 18 Javascript
vue-cli3.0 脚手架搭建项目的过程详解
Oct 19 Javascript
webpack + vue 打包生成公共配置文件(域名) 方便动态修改
Aug 29 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
PHP5+UTF8多文件上传类
2008/10/17 PHP
Yii2.0实现的批量更新及批量插入功能示例
2019/01/29 PHP
TP5框架model常见操作示例小结【增删改查、聚合、时间戳、软删除等】
2020/04/05 PHP
Prototype源码浅析 Enumerable部分(二)
2012/01/18 Javascript
简单实用的全选反选按钮例子
2013/10/18 Javascript
css样式标签和js语法属性区别
2013/11/06 Javascript
javascript实现修改微信分享的标题内容等
2014/12/11 Javascript
jQuery制作可自定义大小的拼图游戏
2015/03/30 Javascript
JS组件Bootstrap Table表格行拖拽效果实现代码
2020/08/27 Javascript
整理关于Bootstrap表单的慕课笔记
2017/03/29 Javascript
Bootstrap里的文件分别代表什么意思及其引用方法
2017/05/01 Javascript
Javascript继承机制详解
2017/05/30 Javascript
Webpack性能优化 DLL 用法详解
2017/08/10 Javascript
mui上拉加载更多下拉刷新数据的封装过程
2017/11/03 Javascript
三分钟教你用Node做一个微信哄女友(基友)神器(面向小白)
2019/06/21 Javascript
Vue请求java服务端并返回数据代码实例
2019/11/28 Javascript
vue vantUI tab切换时 list组件不触发load事件的问题及解决方法
2020/02/14 Javascript
[01:04:14]OG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
深入探究Python中变量的拷贝和作用域问题
2015/05/05 Python
Python3显示当前时间、计算时间差及时间加减法示例代码
2019/09/07 Python
python 实现从高分辨图像上抠取图像块
2020/01/02 Python
python中如何进行连乘计算
2020/05/28 Python
浅谈CSS3中display属性的Flex布局的方法
2017/08/14 HTML / CSS
AmazeUI 列表的实现示例
2020/08/17 HTML / CSS
庆八一活动方案
2014/01/25 职场文书
公司廉洁自律承诺书
2014/03/27 职场文书
某某同志考察材料
2014/05/28 职场文书
我爱祖国演讲稿
2014/09/02 职场文书
法院授权委托书格式
2014/09/28 职场文书
2014年保卫科工作总结
2014/12/05 职场文书
2015年党员发展工作总结
2015/05/13 职场文书
2015年公务员试用期工作总结
2015/05/28 职场文书
Golang之sync.Pool使用详解
2021/05/06 Golang
Android开发 使用文件储存的方式保存QQ密码
2022/04/24 Java/Android
windows安装 redis 6.2.6最新步骤详解
2022/04/26 Redis
windows系统安装配置nginx环境
2022/06/28 Servers