jquery动态切换背景图片的简单实现方法

 更新时间:2016年05月14日 11:55:05   作者:懒人  
这篇文章主要介绍了jquery动态切换背景图片的简单实现方法,涉及jQuery自定义函数结合时间函数动态变换背景图片的相关技巧,需要的朋友可以参考下

本文实例讲述了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相关内容感兴趣的读者可查看本站专题:《jQuery切换特效与技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结

希望本文所述对大家jQuery程序设计有所帮助。

相关文章

  • 从零开始学习jQuery (四) jQuery中操作元素的属性与样式

    从零开始学习jQuery (四) jQuery中操作元素的属性与样式

    本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得大家学习.
    2011-02-02
  • 用jquery和json从后台获得数据集的代码

    用jquery和json从后台获得数据集的代码

    最近正在用ajax无刷新做网站,发现数据很好传输,但是数据集不知道怎么获得,于是,上网查了一些资料来传输数据,现在和大家分享一下,不知道的童鞋可以和我一起学习,知道的请指点一二。我选择的方法是用json 来获取数据集
    2011-11-11
  • 利用jQuery实现可输入搜索文字的下拉框

    利用jQuery实现可输入搜索文字的下拉框

    jQuery实现点击下拉框输入框时,自动显示下面的下拉列表,而且是根据输入框中输入的搜索添加,自动在后台查找,然后传到前台,展现页面
    2013-10-10
  • jQuery实现CheckBox全选、全不选功能

    jQuery实现CheckBox全选、全不选功能

    这篇文章主要介绍了jQuery实现CheckBox全选、全不选功能,非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2017-01-01
  • jQuery联动日历的实例解析

    jQuery联动日历的实例解析

    本篇文章主要对jQuery联动日历的实例进行解析说明。有兴趣的朋友可以下载源码调试运行试试看,希望对大家有所帮助
    2016-12-12
  • jquery移动节点实例

    jquery移动节点实例

    这篇文章主要介绍了jquery移动节点的实现方法,主要涉及append()方法的使用技巧,需要的朋友可以参考下
    2015-01-01
  • jquery写个checkbox——类似邮箱全选功能

    jquery写个checkbox——类似邮箱全选功能

    最近在学习jquery,今天抽空用jquery写个checkbox——类似邮箱全选功能,感兴趣的你可以参考下哈,希望可以帮助到你
    2013-03-03
  • 快速学习jQuery插件 Cookie插件使用方法

    快速学习jQuery插件 Cookie插件使用方法

    快速学习jQuery插件中的Cookie插件使用方法,一个轻量级的cookie插件,可以读取、写入、删除 cookie,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • jQuery实现简单评论区功能

    jQuery实现简单评论区功能

    这篇文章主要为大家详细介绍了jQuery实现简单评论区功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • jQuery实现table中两列CheckBox只能选中一个的示例

    jQuery实现table中两列CheckBox只能选中一个的示例

    下面小编就为大家带来一篇jQuery实现table中两列CheckBox只能选中一个的示例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09

最新评论