jquery显示loading图片直到网页加载完成的方法
2015-06-25 00:00
916 查看
本文实例讲述了jquery显示loading图片直到网页加载完成的方法。分享给大家供大家参考。具体实现方法如下:
<!DOCTYPE html> <html class="no-js"> <head> <meta charset='UTF-8'> <title>Simple Loader</title> <style> /* This only works with JavaScript, if it's not present, don't show loader */ .no-js #loader { display: none; } .js #loader { display: block; position: absolute; left: 100px; top: 0; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <script src="https://github.com/Modernizr/Modernizr/raw/master/modernizr.js"></script> <script> // Wait for window load $(window).load(function() { // Animate loader off screen $("#loader").animate({ top: -200 }, 1500); }); </script> </head> <body> <img src="download.png" id="loader"> <img src="http://farm6.static.flickr.com/5299/5400751421_55d49b2786_o.jpg"> </body> </html>
希望本文所述对大家的jquery程序设计有所帮助。
相关文章推荐
- JQuery EasyUI Combobox 实现省市二级联动菜单
- JQuery实现下拉列表的联动
- 不定义JQuery插件,不要说会JQuery
- 转-什么?你还不会写JQuery 插件
- jquery html 在某些时候不如 直接 innerHtml
- jquery监听回车键自动提交
- JQuery对当前的时间进行操作。
- jQuery入门:jQuery是如何工作的 How jQuery Works
- Jquery-获取iframe中的dom对象
- 用jquery把一个List里面的对象的属性,依次填入到一个table里面啊
- jquery移动点击的项目到列表最顶端的方法
- Jquery下Ajax与PHP数据交换
- jquery使整个div区域可以点击的方法
- jQuery寻找n以内完全数的方法
- jQuery 中bind(),live(),delegate(),on() 区别
- jquery 获取父窗口的元素
- js+jquery(二)
- jquery、div、css制作遮挡层
- jquery获取窗口的总宽度和总高度
- jquery加载页面的方法(页面加载完成就执行)