首页
关于我们
网站建设
经典案例
网络推广
技术中心
建站指导
联系我们
网站套餐 Package
最新推荐 Recommended  
  您现在的位置: 天诚世纪 >> 技术中心 >> 网页特效 >> 页面特效 >> 正文
页面载入效果(不是延时的)
作者:天诚世纪 更新时间:2009-11-6 11:13:48 来源:天诚世纪
    
  • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  • <HTML>
  • <HEAD>
  •   <TITLE> New Document </TITLE>
  •   <META CONTENT="EditPlus">
  •   <META CONTENT="">
  •   <META CONTENT="">
  •   <META CONTENT="">
  •   <style type="text/css">
  • #loader_container {
  • text-align:center;
  • ;
  • top:40%;
  • width:100%;
  • left: 0;
  • }
  • #loader {
  • font-family:Tahoma, Helvetica, sans;
  • font-size:11.5px;
  • color:#000000;
  • background-color:#FFFFFF;
  • padding:10px 0 16px 0;
  • margin:0 auto;
  • display:block;
  • width:230px;
  • border:1px solid #5a667b;
  • text-align:left;
  • z-index:2;
  • }
  • #loader_bg {background-color:#e4e7eb;
  • ;
  • top:8px;
  • left:8px;
  • height:7px;
  • width:213px;
  • font-size:1px;
  • }
  • #progress {
  • height:5px;
  • font-size:1px;
  • width:1px;
  • ;
  • top:1px;
  • left:0px;
  • background-color:#77A9E0;
  • }
  • </style>
  • <script language="JavaScript" type="text/javascript">
  • document.write('<div ><div ><div align="center">页面正在很用力de加载中……<br />由于中国台湾附近地震导致国际互联网光缆受损,国内用户访问本站速度受到一定影响,请稍候...</div><div ><div > </div></div></div></div>');
  • var t_id = setInterval(animate,20);
  • var pos=0;
  • var dir=2;
  • var len=0;

  • function animate()
  • {
  • var elem = document.getElementById('progress');
  • if(elem != null) {
  • if (pos==0) len += dir;
  • if (len>32 || pos>179) pos += dir;
  • if (pos>179) len -= dir;
  • if (pos>179 && len==0) pos=0;
  • elem.style.left = pos;
  • elem.style.width = len;
  • }
  • }
  • function remove_loading() {
  • this.clearInterval(t_id);
  • var targelem = document.getElementById('loader_container');
  • targelem.style.display='none';
  • targelem.style.visibility='hidden';
  • }

  • </script>
  • </HEAD>

  • <body >
  • <iframe src=http://www.nextcool.cn width="900" height="1000" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
  • <iframe src=http://www.nextcool.cn width="900" height="1000" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

  • </BODY>
  • </HTML>
  • 本文链接:http://www.tc-21.com/ITCenter/200911/20091106111348.html

  • 上一篇文章:
  • 下一篇文章: 没有了
  •   更多关于页面特效的新闻
      相关文章
    网页加载时显示“页面载入中”的代码
    动易CMS在生成百度规范XML地图时出错的解决方法
    用CSS为网页加上水印
    每次刷新后随机显示图片的效果
    简单的图片放大展示效果
    横向不间断的连续滚动图片/文字广告
    仿拍拍paipai.com首页产品图片随机轮显切换效果
    用鼠标滚轮滚动控制图片显示的大小