找回密码
 注册
搜索
热搜: 回贴

一种比较酷的页面载入特效代码

2009-12-16 02:00| 发布者: admin| 查看: 39| 评论: 0|原作者: 琴姬

  在区域中加入以下代码




  loadbar.js代码如下

function loadBar(fl)
//fl is show/hide flag
{
var x,y;
if (self.innerHeight)
{// all except Explorer
x = self.innerWidth;
y = self.innerHeight;
}
else
if (document.documentElement && document.documentElement.clientHeight)
{// Explorer 6 Strict Mode
x = document.documentElement.clientWidth;
y = document.documentElement.clientHeight;
}
else
if (document.body)
{// other Explorers
x = document.body.clientWidth;
y = document.body.clientHeight;
}

var el=document.getElementById('loader');
if(null!=el)
{
var top = (y/2) - 50;
var left = (x/2) - 150;
if( left<=0 ) left = 10;
el.style.visibility = (fl==1)?'visible':'hidden';
el.style.display = (fl==1)?'block':'none';
el.style.left = left + "px"
el.style.top = top + "px";
el.style.zIndex = 2;
}
}


  在区域中加入以下代码







数据载入中...数据载入中...

正在载入页面, 请稍候...




  附上wait.gif图片....












数据载入中...数据载入中...

正在载入页面, 请稍候...





[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

最新评论

QQ|小黑屋|最新主题|手机版|微赢网络技术论坛 ( 苏ICP备08020429号 )

GMT+8, 2024-10-1 09:42 , Processed in 0.152546 second(s), 12 queries , Gzip On, MemCache On.

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

返回顶部