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 相关文章推荐
在次封装easyui-Dialog插件实现代码
Nov 14 Javascript
js获取视频时长代码
Apr 10 Javascript
javascript面向对象快速入门实例
Jan 13 Javascript
JavaScript中String.prototype用法实例
May 20 Javascript
Sequelize中用group by进行分组聚合查询
Dec 12 Javascript
微信小程序实战之登录页面制作(5)
Mar 30 Javascript
Express的HTTP重定向到HTTPS的方法
Jun 06 Javascript
vue微信分享出来的链接点开是首页问题的解决方法
Nov 28 Javascript
vue数据操作之点击事件实现num加减功能示例
Jan 19 Javascript
浅入深出Vue之组件使用
Jul 11 Javascript
LayUi数据表格自定义赋值方式
Oct 26 Javascript
js实现提交前对列表数据的增删改查
Jan 16 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框架Phpbean说明
2008/01/10 PHP
php单例模式实现(对象只被创建一次)
2012/12/05 PHP
PHP中ini_set和ini_get函数的用法小结
2014/02/18 PHP
PHP单链表的实现代码
2016/07/05 PHP
URI、URL和URN之间的区别与联系
2006/12/20 Javascript
javascript getElementsByClassName实现代码
2010/10/11 Javascript
JQuery slideshow的一个小问题(如何发现及解决过程)
2013/02/06 Javascript
javascript控制Div层透明属性由浅变深由深变浅逐渐显示
2013/11/12 Javascript
JavaScript给url网址进行encode编码的方法
2015/03/18 Javascript
JS实现浏览器状态栏文字闪烁效果的方法
2015/10/27 Javascript
Bootstrap所支持的表单控件实例详解
2016/05/16 Javascript
form表单转Json提交的方法(推荐)
2016/09/23 Javascript
AngularJS实现动态编译添加到dom中的方法
2016/11/04 Javascript
详解node HTTP请求客户端 - Request
2017/05/05 Javascript
Angular2 组件交互实例详解
2017/08/24 Javascript
React Native日期时间选择组件的示例代码
2018/04/27 Javascript
小程序日历控件使用方法详解
2018/12/29 Javascript
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
2019/11/07 jQuery
Vue动态加载图片在跨域时无法显示的问题及解决方法
2020/03/10 Javascript
如何通过Proxy实现JSBridge模块化封装
2020/10/22 Javascript
[01:03:41]DOTA2-DPC中国联赛 正赛 Dynasty vs XG BO3 第三场 2月2日
2021/03/11 DOTA
python解析xml文件实例分享
2013/12/04 Python
python3.4下django集成使用xadmin后台的方法
2017/08/15 Python
Python多进程multiprocessing用法实例分析
2017/08/18 Python
python实现用户答题功能
2018/01/17 Python
使用python PIL库实现简单验证码的去噪方法步骤
2019/05/10 Python
python虚拟环境模块venv使用及示例
2020/03/04 Python
学校门卫岗位职责
2014/03/16 职场文书
工业设计专业自荐书
2014/06/05 职场文书
迎国庆演讲稿
2014/09/15 职场文书
个人贷款授权委托书样本
2014/10/07 职场文书
农村老人去世追悼词
2015/06/23 职场文书
护士业务学习心得体会
2016/01/25 职场文书
2016年先进教师个人事迹材料
2016/02/26 职场文书
python实现自动清理文件夹旧文件
2021/05/10 Python
Python初学者必备的文件读写指南
2021/06/23 Python