基于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效果就完成咯。

　　推荐阅读

　　纯CSS实现的漂亮的立体图片边框效果，阴影代码

图片立体边框效果 .image{padding:10px;border:1px solid #000;-moz-box-shadow:3px 3px 4px #000;-webkit-box-shadow:3px 3px 4px #000;box-shadow:3px 3px 4px #000;background:#fff;filter:progid:>>>详细阅读

本文标题：基于jquery的loading效果实现代码

地址：http://www.17bianji.com/kaifa2/JS/25486.html

1/2 1