基于jquery的loading效果实现代码
更新时间：2010年11月05日 22:32:59 作者：
基于jquery的loading效果实现代码，需要的朋友可以参考下。
在代码<head></head>里加入以下代码：
<script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(window).load(function(){$("#loading").hide();})</script>
在里<body></body>加入以下代码：
<div id="loading">Loading content, please wait..<img src="loading.gif" alt="loading.." /></div>
在里的这代码必须保证在网页载入的最前面。
接着是css代码：
#loading{position:absolute;width:300px;top:0px;left:50%;margin-left:-150px;text-align:center;padding:7px 0 0 0;font:bold 11px Arial, Helvetica, sans-serif;}
一个基于jquery的loading效果就完成咯。
<script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(window).load(function(){$("#loading").hide();})</script>
在里<body></body>加入以下代码：
<div id="loading">Loading content, please wait..<img src="loading.gif" alt="loading.." /></div>
在里的这代码必须保证在网页载入的最前面。
接着是css代码：
#loading{position:absolute;width:300px;top:0px;left:50%;margin-left:-150px;text-align:center;padding:7px 0 0 0;font:bold 11px Arial, Helvetica, sans-serif;}
一个基于jquery的loading效果就完成咯。
相关文章
Jquery Validation插件防止重复提交表单的解决方法
在项目开发中，测试人员报告缺陷说，即时有表单验证，但是如果快速点击两下“提交”按钮，系统会产生两条相同的记录。2010-03-03
本篇文章主要给大家讲述了用jquery如何写出一个PC端的轮播图效果的实例，有兴趣的朋友参考下。2018-01-01
这篇文章介绍了JQuery页面图片切换和新闻列表滚动效果的具体实现，有需要的朋友可以参考一下2013-09-09
这篇文章主要为大家详细介绍了jQuery实现优雅弹窗效果 的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
图片放大镜jquery.jqzoom.js使用实例附放大镜图标
这篇文章主要介绍了图片放大镜jquery.jqzoom.js的使用另附放大镜图标,需要的朋友可以参考下2014-06-06
使用jquery获取网页中图片的高度其实很简单，目前有两种不错的方法可以实现，下面为大家详细介绍下，有所疑惑的你可以参考下2013-09-09
这篇文章主要为大家详细介绍了jQuery实现简单评论区功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-10-10
随鼠标上下滚动，在某些时候需要类似的效果，下面有个不错的示例可以实现此效果，需要的朋友可以参考下2013-12-12
最近在IE10中开发jquery，关于jquery中combobox多选不能兼容的问题，进行一些总结，感兴趣的朋友可以了解下2013-12-12
这篇文章主要介绍了jQuery实现模拟flash头像裁切上传功能,结合实例形式分析了jQuery图像剪切与文件传输相关操作技巧,需要的朋友可以参考下2016-12-12
最新评论