jquery显示loading图片直到网页加载完成的方法
更新时间：2015年06月25日 12:27:27 作者：不吃皮蛋
这篇文章主要介绍了jquery显示loading图片直到网页加载完成的方法,涉及jquery页面加载与动画效果的使用技巧,需要的朋友可以参考下
本文实例讲述了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-ui的那个，我也比较推荐那个，所以这篇我就不对属性，函数，API进行翻译了2012-07-07
本篇文章主要是对jQuery 文本框得失焦点的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
这篇文章主要介绍了Easyui Treegrid改变默认图标的方法的相关资料,需要的朋友可以参考下2016-04-04
JQuery 拾色器插件发布-jquery.icolor.js
web项目中不少地方需要用到颜色选择器，比如设置某个元素的背景色、边框色等等，按照我们交互设计的期望-设色器最好简单易用，仅显示常用的那些色块给用户选择，另外提供一个输入框方便用户输入自定义的色值。2010-10-10
jquery 表格分页等操作实现代码(pagedown，pageup)
jquery实现支持pagedown，pageup对表格进行操作的实现代码，需要的朋友可以参考下。2010-04-04
jQuery EasyUI API 中文文档 - PropertyGrid属性表格
jQuery EasyUI API 中文文档 - PropertyGrid属性表格使用介绍，需要的朋友可以参考下。2011-11-11
获取select的value、text值的简单示例（jquery与javascript）
本篇文章主要分享了获取select的value、text值的简单示例代码，代码简洁明了，有需要的朋友可以参考下2016-12-12
jquery css 设置table的奇偶行背景色2014-06-06
jQuery选择头像并实时显示的代码，以前脚本之家用js实现了，这里使用jquery实现的。2010-06-06
jQuery结合jQuery.cookie.js插件实现换肤功能示例
这篇文章主要介绍了jQuery结合jQuery.cookie.js插件实现换肤功能,结合实例形式分析了jQuery.cookie.js插件的常用函数功能及实现换肤功能的相关操作技巧,需要的朋友可以参考下2017-10-10
最新评论