jquery动态切换背景图片的简单实现方法
来源:易贤网 阅读:1497 次 日期: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程序设计有所帮助。

更多信息请查看网络编程
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 新媒体/短视频平台 | 手机站点

版权所有:易贤网