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


Posted in Javascript onMay 14, 2016

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
JS验证控制输入中英文字节长度(input、textarea等)具体实例
Jun 21 Javascript
JS实现闪动的title消息提醒效果
Jun 20 Javascript
JavaScript使用循环和分割来替换和删除元素实例
Oct 13 Javascript
JavaScript 浏览器兼容性总结及常用浏览器兼容性分析
Mar 30 Javascript
Angular的模块化(代码分享)
Dec 26 Javascript
使用vue.js编写蓝色拼图小游戏
Mar 17 Javascript
vue生成token保存在客户端localStorage中的方法
Oct 25 Javascript
vue父组件点击触发子组件事件的实例讲解
Feb 08 Javascript
vue-router二级导航切换路由及高亮显示的实现方法
Jul 10 Javascript
vue路由拦截器和请求拦截器知识点总结
Nov 08 Javascript
javascript实现fetch请求返回的统一拦截
Dec 22 Javascript
javascript实现固定侧边栏
Feb 09 Javascript
jQuery基于$.ajax设置移动端click超时处理方法
May 14 #Javascript
jQuery基于扩展实现的倒计时效果
May 14 #Javascript
Angularjs中UI Router的使用方法
May 14 #Javascript
两种js监听滚轮事件的实现方法
May 13 #Javascript
原生js和jquery分别实现横向导航菜单效果
May 13 #Javascript
实例讲解Jquery中隐藏hide、显示show、切换toggle的用法
May 13 #Javascript
AngularJS在IE8的不支持的解决方法
May 13 #Javascript
You might like
javascript 表单验证常见正则
2009/09/28 Javascript
Javascript调用C#代码
2011/01/17 Javascript
Extjs TimeField 显示正常时间格式的代码
2011/06/28 Javascript
javaScript 利用闭包模拟对象的私有属性
2011/12/29 Javascript
JavaScript将Table导出到Excel实现思路及代码
2013/03/13 Javascript
ExtJs纵坐标值重复问题的解决方法
2014/02/27 Javascript
JQuery中的html()、text()、val()区别示例介绍
2014/09/01 Javascript
Javascript核心读书有感之语言核心
2015/02/01 Javascript
javascript实用方法总结
2015/02/06 Javascript
javascript判断并获取注册表中可信任站点的方法
2015/06/01 Javascript
javascript实现图片上传前台页面
2015/08/18 Javascript
jquery彩色投票进度条简单实例演示
2020/07/23 Javascript
angularJS 如何读写缓冲的方法(推荐)
2016/08/06 Javascript
浅谈JS函数定义方式的区别
2016/10/30 Javascript
jquery实现点击弹出对话框
2020/02/08 jQuery
jquery+css3实现的经典弹出层效果示例
2020/05/16 jQuery
vue 清空input标签 中file的值操作
2020/07/21 Javascript
JavaScript实现网页动态生成表格
2020/11/25 Javascript
[01:15]PWL S2开团时刻第二期——他们杀 我就白给
2020/11/25 DOTA
详解Python中的__init__和__new__
2014/03/12 Python
Python 实现数据库(SQL)更新脚本的生成方法
2017/07/09 Python
Python内建函数之raw_input()与input()代码解析
2017/10/26 Python
Python容器使用的5个技巧和2个误区总结
2019/09/26 Python
css3 伪元素和伪类选择器详解
2014/09/04 HTML / CSS
安德玛比利时官网:Under Armour比利时
2019/08/28 全球购物
爱尔兰橄榄球店:Irish Rugby Store
2019/12/05 全球购物
德国BA保镖药房中文网:Bodyguard Apotheke
2021/03/09 全球购物
Vector, ArrayList, HashTable, HashMap哪些是线程安全的,哪些不是
2015/10/12 面试题
图书室管理制度
2014/01/19 职场文书
统计系教授推荐信
2014/02/28 职场文书
鸿星尔克广告词
2014/03/21 职场文书
预备党员期盼十八届四中全会召开思想汇报
2014/10/17 职场文书
简单的辞职信范文(2016最新版)
2015/05/12 职场文书
新年晚会开场白
2015/05/29 职场文书
聊一聊python常用的编程模块
2021/05/14 Python
SQL Server中使用表变量和临时表
2022/05/20 SQL Server