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 日期验证正则附asp日期格式化函数
Sep 11 Javascript
JavaScript传递变量: 值传递?引用传递?
Feb 22 Javascript
深入理解JavaScript系列(15) 函数(Functions)
Apr 12 Javascript
jquery入门——事件机制之事件中的冒泡现象示例解释
Sep 12 Javascript
jquery和javascript中如何将一元素的内容赋给另一元素
Jan 09 Javascript
一款由jquery实现的整屏切换特效
Sep 15 Javascript
javascript实现无限级select联动菜单
Jan 02 Javascript
JavaScript中的parse()方法使用简介
Jun 12 Javascript
纯HTML5制作围住神经猫游戏-附源码下载
Aug 23 Javascript
详解iframe与frame的区别
Jan 13 Javascript
Jquery插件仿百度搜索关键字自动匹配功能
May 11 Javascript
关于数据与后端进行交流匹配(点亮星星)
Aug 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
用session做客户验证时的注意事项
2006/10/09 PHP
php字符串截取中文截取2,单字节截取模式
2007/12/10 PHP
php中DOMElement操作xml文档实例演示
2013/03/26 PHP
PHP中的命名空间详细介绍
2015/07/02 PHP
PHP代码维护,重构变困难的4种原因分析
2016/01/25 PHP
PHP邮箱验证示例教程
2016/06/01 PHP
Ajax+PHP实现的分类列表框功能示例
2019/02/11 PHP
使用Modello编写JavaScript类
2006/12/22 Javascript
jquery tab标签页的制作
2010/05/10 Javascript
编写简单的jQuery提示插件
2014/12/21 Javascript
jquery实现网页的页面平滑滚动效果代码
2015/11/02 Javascript
JSON 数据格式详解
2017/09/13 Javascript
javascript trie前缀树的示例
2018/01/29 Javascript
详解使用jest对vue项目进行单元测试
2018/09/07 Javascript
详解微信小程序开发(项目从零开始)
2019/06/06 Javascript
js获取 gif 的帧数的代码实例
2019/09/10 Javascript
Node.js创建一个Express服务的方法详解
2020/01/06 Javascript
前端使用crypto.js进行加密的函数代码
2020/08/16 Javascript
JavaScript数组排序的六种常见算法总结
2020/08/18 Javascript
Python ORM框架SQLAlchemy学习笔记之关系映射实例
2014/06/10 Python
python中如何使用正则表达式的非贪婪模式示例
2017/10/09 Python
python 并发编程 阻塞IO模型原理解析
2019/08/20 Python
Django框架配置mysql数据库实现过程
2020/04/22 Python
python缩进长度是否统一
2020/08/02 Python
Pycharm同步远程服务器调试的方法步骤
2020/11/04 Python
python中K-means算法基础知识点
2021/01/25 Python
css3中背景尺寸background-size详解
2014/09/02 HTML / CSS
html5 datalist 选中option选项后的触发事件
2020/03/05 HTML / CSS
如何强制垃圾回收
2015/10/06 面试题
电子商务个人自荐信
2013/12/12 职场文书
物业保安岗位职责
2014/07/02 职场文书
交通事故协议书范本
2014/11/18 职场文书
机关保密工作承诺书
2015/05/04 职场文书
《梅花魂》教学反思
2016/02/18 职场文书
react如何快速设置文件路径别名
2021/04/28 Javascript
SQL Server中搜索特定的对象
2022/05/25 SQL Server