基于jquery的loading效果实现代码
发布时间：2013-07-27 编辑：jiaochengji.com
基于jquery的loading效果实现代码，需要的朋友可以参考下。
基于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的loading效果实现代码
jQuery 页面载入进度条实现代码
jQuery插件 LoadMask
基于jquery的loading 加载提示效果实现代码
jQuery图表插件 JS Charts
jquery 简单的进度条实现代码
分享8款优秀的 jQuery 加载动画和进度条插件
基于JQuery实现滚动到页面底端时自动加载更多信息
jQuery浮动窗口插件 jqFloatBox
用jquery实现等比例缩放图片效果插件
[关闭]