chisdy.A.Pro » Loading http://chisdy.com chisdy.A.Pro Mon, 03 May 2010 04:20:40 +0000 en hourly 1 http://wordpress.org/?v=3.0 基于jquery的载入提示 http://chisdy.com/create-loading-bar-by-jquery/ http://chisdy.com/create-loading-bar-by-jquery/#comments Sat, 07 Mar 2009 13:44:11 +0000 chisdy http://chisdy.com/?p=13 一直想找个好的loading用在网站载入慢的时候提示提示，不用干等着，不是滋味。Jquery可以很好的实现这一效果，在老外那找到这代码太爽了，简单易用实用。

在代码<head></head>里加入以下代码：

<script src="jquery.js" type="text/javascript"></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效果就完成咯。

Related Posts

]]> http://chisdy.com/create-loading-bar-by-jquery/feed/ 8