一种比较酷的页面载入特效代码
来源:互联网 发布:c语言数组源代码 编辑:程序博客网 时间:2024/05/21 17:03
在<head></head>区域中加入以下代码
<script src="js/loadbar.js" type="text/javascript"></script>
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;
}
}
在<body></body>区域中加入以下代码
<body onMouseOver="window.status='喜欢本站,别忘了与朋友分享哦!';return true" "loadBar(0)">
<div id="loader">
<table class="loader" style="FILTER: Alpha(opacity=75)" cellspacing="1" cellpadding="5" bgcolor="#bbbbb" border="0">
<tbody><tr>
<td align="left" bgcolor="#ffffff">
<p><img style="MARGIN: 3px" height="32" alt="数据载入中..." src="images/wait.gif" width="32" align="left" /><strong>数据载入中...</strong><br />
<span>正在载入页面, 请稍候...</span></p></td></tr>
</tbody></table>
</div>
<script language="JavaScript" type="text/javascript">loadBar(1);</script>
- 一种比较酷的页面载入特效代码
- 超酷的一种菜单特效代码,网页特效
- 超酷的一种菜单特效代码,网页特效
- 超酷的一种菜单特效代码,网页特效
- 超酷的一种菜单特效代码,网页特效
- 网站常用的一种JS的图片幻灯片特效代码
- 网站论坛注册中常用的一种倒记时特效代码
- 一种比较好的取得页面链接的方式
- 没有进度条的页面载入
- jQuery的页面载入事件
- html页面特效代码大全
- html页面特效代码大全
- 超酷循环出现的新闻特效代码
- 一款超酷的图片特效代码
- HTML5炫酷的特效代码下载
- 几个不错的网页载入页面
- 一个流动性非常好的网页载入页面
- 流动性非常好的网页载入页面
- 一组常用的弹出窗口用法总结
- Google SiteMap Protocol
- LR录制中出现的问题
- PHP(将16进制色彩转换成RGG色)
- 巧用批处理解决IE不支持JavaScript等问题
- 一种比较酷的页面载入特效代码
- log4j基本配置
- resourcestring 和 const
- 转贴---我的职业生涯
- 如何控制框架页的滚动
- 下拉菜单例子
- 《程序员》11期特别策划:云计算——未来的趋势
- 验证E-mail地址
- SQL报表服务 - ReportViewer控件 + ASP.NET + 日历控件问题