黑马程序员技术交流社区

标题: 【郑州校区分享】jquery动态切换背景图片的简单实现方法 [打印本页]

---

作者: 我是楠楠    时间: 2017-11-8 14:18
标题: 【郑州校区分享】jquery动态切换背景图片的简单实现方法
本文实例讲述了jquery动态切换背景图片的简单实现方法。分享给大家供大家参考，具体如下：

[AppleScript] 纯文本查看 复制代码

(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();

})();

传智播客·黑马程序员郑州校区
高新区长椿路11号大学科技园（西区）东门8号楼三层
地铁一号线梧桐街站A口出
联系方式0371-56061160/61/62

---

作者: 米娅    时间: 2017-11-8 14:48
不错 来看看

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2