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.lazyload+masonry改良图片瀑布流代码
Jun 20 Javascript
微信浏览器内置JavaScript对象WeixinJSBridge使用实例
May 25 Javascript
第六篇Bootstrap表格样式介绍
Jun 21 Javascript
新入门node.js必须要知道的概念(必看篇)
Aug 10 Javascript
EasyUI的doCellTip实现鼠标放到单元格上提示单元格内容
Aug 24 Javascript
谈谈JavaScript数组常用方法总结
Jan 24 Javascript
JS操作input标签属性checkbox全选的实现代码
Mar 02 Javascript
bootstrap如何让dropdown menu按钮式下拉框长度一致
Apr 10 Javascript
微信小程序中页面FOR循环和嵌套循环
Jun 21 Javascript
vue+iview写个弹框的示例代码
Dec 05 Javascript
VUEX采坑之路之获取不到$store的解决方法
Nov 08 Javascript
JavaScript前后端JSON使用方法教程
Nov 23 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
Laravel框架用户登陆身份验证实现方法详解
2017/09/14 PHP
JS event使用方法详解
2008/04/28 Javascript
JavaScript国旗变换效果代码
2008/08/13 Javascript
通过url查找a元素应用案例
2014/04/29 Javascript
JSON+HTML实现国家省市联动选择效果
2014/05/18 Javascript
javascript实现可全选、反选及删除表格的方法
2015/05/15 Javascript
利用Js+Css实现折纸动态导航效果实例源码
2017/01/25 Javascript
垃圾回收器的相关知识点总结
2018/05/13 Javascript
微信小程序中使用自定义图标(阿里icon)的方法
2018/08/20 Javascript
详解在vue-cli中使用graphql即vue-apollo的用法
2018/09/08 Javascript
Vue Router history模式的配置方法及其原理
2019/05/30 Javascript
vue项目开启Gzip压缩和性能优化操作
2020/10/26 Javascript
python函数返回多个值的示例方法
2013/12/04 Python
用Python中的wxPython实现最基本的浏览器功能
2015/04/14 Python
python实现JAVA源代码从ANSI到UTF-8的批量转换方法
2015/08/10 Python
python实现壁纸批量下载代码实例
2018/01/25 Python
Django中使用CORS实现跨域请求过程解析
2019/08/05 Python
Python3 sys.argv[ ]用法详解
2019/10/24 Python
pytorch之添加BN的实现
2020/01/06 Python
python json 递归打印所有json子节点信息的例子
2020/02/27 Python
Selenium基于PIL实现拼接滚动截图
2020/04/10 Python
Python函数的迭代器与生成器的示例代码
2020/06/18 Python
python中not、and和or的优先级与详细用法介绍
2020/11/03 Python
美国婴儿和儿童家具网上商店:ABaby.com
2018/07/02 全球购物
美国汽车零部件和配件网站:CarParts
2019/03/13 全球购物
C++面试题:关于链表和指针
2013/06/05 面试题
师范生自荐信
2013/10/27 职场文书
总经理工作职责范文
2014/03/14 职场文书
经济管理自荐书
2014/06/09 职场文书
如何写早恋检讨书
2014/09/10 职场文书
思想作风整顿个人剖析材料
2014/10/06 职场文书
领导干部群众路线对照检查材料
2014/11/05 职场文书
2015年元宵节活动总结
2015/02/06 职场文书
使用HTML+Css+transform实现3D导航栏的示例代码
2021/03/31 HTML / CSS
Win11安装升级时提示“该电脑必须支持安全启动”
2022/04/19 数码科技
配置nginx负载均衡
2022/05/06 Servers