Ajax风格的一款网页Loading效果

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

<html></P> <P><head><title>Loading</title><style type=”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><script type=”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><div id=”content”><iframe src=”#” width=”800″ height=”360″ marginwidth=”0″ marginheight=”0″ hspace=”0″ vspace=”0″ frameborder=”0″ scrolling=”no”></iframe></div></body></html>

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

  • javascript模拟实现ajax加载框实例
  • JS基于Ajax实现的网页Loading效果代码
  • dwz 如何去掉ajaxloading具体代码
  • Ajax loading gif generator
  • Ajax全局加载框(Loading效果)的配置
张贴在3