基于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效果就完成咯。
相关推荐
杉林的HelloWord 2013-09-13
mjx00 2017-08-09
icewizardry 2016-12-20
87433764 2017-09-28
dykun 2019-07-01
81427605 2019-06-28
87443561 2017-09-28
87453169 2017-04-18
icewizardry 2016-12-20
momode 2019-06-27
88261841 2015-06-20
aganliang 2014-05-15
MegatronKings 2014-03-19
卧斋 2013-09-13
publicTIM 2013-06-18
Haoroid 2013-01-23
Chydar 2013-01-17
nicepainkiller 2019-06-20