Ajax风格的一款网页Loading效果

王朝学院·作者佚名  2016-08-27
窄屏简体版  字體: 小  |  中  |  大  |  超大  

现在比较流行的一款Ajax风格的网页Loading,多见于一些大量使用Ajax技术的网站中,页面加载时会自动显示提示信息,带载入动画效果,网页加载完自动消失,是一款正在具有Loading功能的网页进度条。

<html></P><P><head><title>Loading</title><styletype="text/CSS">body{background-color:#000;}#content{display:none;}#loadbox{position:absolute;top:50%;left:50%;margin-left:-68px;margin-top:-36px;width:222px;height:58px;text-align:center;}#loadbox span{display:block;width:222px;height:32px;text-align:center;color:#CCC;font-size:9pt;}</style><scripttype="text/javascript">document.write('<div id="loadbox"><span>页面加载中,请稍候……</span><img src="/jscss/demoimg/200907/loading.gif" border="0"></div>');

window.onload=function(){

document.getElementById('loadbox').style.display="none";

document.getElementById('content').style.display="block";

}</script></head><body><divid="content"><iframesrc="#"width="800"height="360"marginwidth="0"marginheight="0"hspace="0"vspace="0"frameborder="0"scrolling="no"></iframe></div></body></html>

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航