简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

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

来源:易贤网   阅读:1381 次  日期:2016-06-30 16:24:19

温馨提示:易贤网小编为您整理了“jquery动态切换背景图片的简单实现方法”,方便广大网友查阅!

这篇文章主要介绍了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程序设计有所帮助。

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:jQuery基于扩展简单实现倒计时功能的方法
下一篇:jQuery基于$.ajax设置移动端click超时处理方法
易贤网手机网站地址:jquery动态切换背景图片的简单实现方法
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!