在代码里加入以下代码：

<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">$(window).load(function(){$("#loading").hide();})</script> 

在里加入以下代码：

<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;} 

http://www.jb51.net/article/25222.htm

转载请注明：有爱前端 » 基于jquery的loading效果实现代码