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 相关文章推荐
用jquery来定位
Feb 20 Javascript
Javascript之旅 对象的原型链之由来
Aug 25 Javascript
javascript学习笔记(十四) window对象使用介绍
Jun 20 Javascript
JavaScript数组对象赋值用法实例
Aug 04 Javascript
jQuery基于ajax实现星星评论代码
Aug 07 Javascript
使用JQuery在线制作ppt并在线演示源码特效
Sep 08 Javascript
Javascript OOP之面向对象
Jul 31 Javascript
微信浏览器禁止页面下拉查看网址实例详解
Jun 28 Javascript
Javascript实现时间倒计时效果
Jul 15 Javascript
React路由管理之React Router总结
May 10 Javascript
vue自定义指令实现方法详解
Feb 11 Javascript
JavaScript使用prototype属性实现继承操作示例
May 22 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
php实现邮件发送并带有附件
2014/01/24 PHP
PHP使用redis实现统计缓存mysql压力的方法
2015/11/14 PHP
php输出控制函数和输出函数生成静态页面
2019/06/27 PHP
Git命令之分支详解
2021/03/02 PHP
用js实现计算加载页面所用的时间
2010/04/02 Javascript
JavaScript 打地鼠游戏代码说明
2010/10/12 Javascript
jQuery ui插件的使用方法代码实例
2013/05/08 Javascript
推荐一个自己用的封装好的javascript插件
2015/01/29 Javascript
JavaScript实现下拉列表框数据增加、删除、上下排序的方法
2015/08/11 Javascript
Bootstrap每天必学之标签与徽章
2015/11/27 Javascript
javascript中利用柯里化函数实现bind方法
2016/04/29 Javascript
jQuery使用经验小技巧(推荐)
2016/05/31 Javascript
jQuery子元素过滤选择器用法示例
2016/09/09 Javascript
微信小程序 wxapp视图容器 view详解
2016/10/31 Javascript
bootstrapValidator 重新启用提交按钮的方法
2017/02/20 Javascript
详解vue渲染从后台获取的json数据
2017/07/06 Javascript
vue组件间通信子与父详解(二)
2017/11/07 Javascript
JavaScript获取移动设备型号的实现代码(JS获取手机型号和系统)
2018/03/10 Javascript
浅析Vue 生命周期
2018/06/21 Javascript
Python编程入门的一些基本知识
2015/05/13 Python
Python Queue模块详细介绍及实例
2016/12/27 Python
用python处理图片之打开\显示\保存图像的方法
2018/05/04 Python
wxpython绘制圆角窗体
2019/11/18 Python
初中地理教学反思
2014/01/11 职场文书
宿舍卫生检讨书
2014/01/16 职场文书
求职简历自我评价范例
2014/03/12 职场文书
2015年元旦演讲稿
2014/09/12 职场文书
先进事迹材料范文
2014/12/29 职场文书
公司表扬稿范文
2015/05/05 职场文书
活动总结书怎么写
2015/05/11 职场文书
践行三严三实心得体会(2016推荐篇)
2016/01/06 职场文书
win10下go mod配置方式
2021/04/25 Golang
JavaScript小技巧带你提升你的代码技能
2021/09/15 Javascript
解决MySQL添加新用户-ERROR 1045 (28000)的问题
2022/03/03 MySQL
基于Redis6.2.6版本部署Redis Cluster集群的问题
2022/04/01 Redis
python绘制云雨图raincloud plot
2022/08/05 Python