一直想找个好的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效果就完成咯。
8 comments to “基于jquery的载入提示”
-

-

谢谢来访 回访中…
-

好久不见了,还在广州还是哪里?怎么样啊
感觉你现在做Web好专业!!! 加油!chisdy -

回踩~~
博主加油!! -

@chisdy
chisdy,你flash环境下的游戏编程怎么样?天津有公司找人 外包小游戏的程序部分~~~~ -

@徐丕文 我用邮件回复你了,都老久了。
-

@徐丕文 呀!好几年没见了,我现在在厦门,常联系啊!
-

@uxspy 好像我没咋地啊!个个都说加油,哈哈!不过谢了,还是得加油。




嘻嘻,我来打酱油