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

2019-12-17,,,,

本文实例讲述了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实现左右按钮点击的图片切换效果
  • jquery.rotate.js实现可选抽奖次数和中奖内容的转盘抽奖代码
  • jQuery实现图片随机切换、抽奖功能(实例代码)

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

下载本文的Word格式文档,以方便收藏与打印。