| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛 | 
登录
注册
用户控制面板
搜索
道具
风格
短消息
论坛展区
帮助
编程论坛 → WEB开发 → 『 JavaScript论坛 』 → 几个不错的网页载入页面
我的收件箱(0)
欢迎加入我们，一同切磋技术
用户名：   
 
密　码：  
共有 604 人关注过本帖
标题：几个不错的网页载入页面
只看楼主 加入收藏
静夜思
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
来　自：济南的冬天
等　级：管理员
威　望：11
帖　子：8917
专家分：2567
注　册：2004-3-25
结帖率：100%
楼主
收藏
 问题点数：0 回复次数：3 
几个不错的网页载入页面
流动性非常好的网页载入页面，用JS实现LOADING效果
<html>
<head><TITLE>编程中国</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="keywords" content="Jojoo.net">
<script language="javascript">
function setSB(v, el) {
var ie5 = (document.all && document.getElementsByTagName);
if (ie5 || document.readyState == "complete") {
filterEl = el.children[0];
valueEl = el.children[1];
filterEl.style.width = v + "%";
valueEl.innerText = v + "%";
}
}
function fakeProgress(v, el) {
if (v > 100)
location.href = http://www.bc-cn.net;
else {
setSB(v, el);
window.setTimeout("fakeProgress(" + (++v) + ", document.all['" + el.id + "'])", 20);
}
}
</script>
</head>

<body onload="fakeProgress(0, sb)" topmargin=180 bgcolor=#eeeeee>
<center>
<font color=gray> <p align=center style="color: #0085dd; font-family: 宋体; font-szie:12px; line-height: 100%">载入中，请稍侯．．．</p></font>
<span id=sb style="width: 300px">
<div style="filter: Alpha(Opacity=0, FinishOpacity=60, style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); width: 0%; height: 12px; position: absolute; background: #9999ff"></div>
<div style="font-size: 12px; width: 100%; color: #ff3333; font-family: arial; text-align: center"></DIV>
</span>

</center>

</body>
</html>

[此贴子已经被作者于2005-11-4 19:27:54编辑过]

搜索更多相关主题的帖子: 网页　页面　载入　
2005-11-04 19:18
静夜思
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
来　自：济南的冬天
等　级：管理员
威　望：11
帖　子：8917
专家分：2567
注　册：2004-3-25
第 2 楼
收藏
 得分:0 
[QUOTE]<html>
<head>
<title>编程中国</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0">
<table border=0 cellpadding=0 cellspacing=0 width="100%" height="100%">
<tr>
<form name=loading>
<td align=center>
<p><font color=gray>正在载入中，请稍候.......</font></p>
<p>
<input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:gray; background-color:white; padding:0px; border-style:none;">
<br>
<input type=text name=percent size=46 style="font-family:Arial; color:gray; text-align:center; border-width:medium; border-style:none;">
<script>var bar=0
var line="||"
var amount ="||"
count()
function count(){
bar= bar+2
amount =amount + line
document.loading.chart.value=amount
document.loading.percent.value=bar+"%"
if (bar<99)
{setTimeout("count()",100);}
else
{window.location="http://www.bc-cn.net";}
}
</script>
</p>
</td>
</form>
</tr>
</table>
</body>
</html>[/QUOTE]

[此贴子已经被作者于2005-11-4 19:30:00编辑过]


畅所欲言
2005-11-04 19:28
静夜思
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
来　自：济南的冬天
等　级：管理员
威　望：11
帖　子：8917
专家分：2567
注　册：2004-3-25
第 3 楼
收藏
 得分:0 
<html>
<head>
<title>编程中国</title>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT type=text/javascript>
<!--
var ie5 = (document.all && document.getElementsByTagName);
var step = 0;
function setSB(v, el, inforEl, message) {
if (ie5 || document.readyState == "complete") {
filterEl = el.children[0];
valueEl = el.children[1];

if (filterEl.style.pixelWidth > 0) {
var filterBackup = filterEl.style.filter;
filterEl.style.filter = "";
filterEl.style.filter = filterBackup;
}

filterEl.style.width = v + "%";
valueEl.innerText = v + "%";
inforEl.innerText = message;
}
}
function setSBByStep(v, el, inforEl, message) {
if (ie5 || document.readyState == "complete") {
step = step + v;
filterEl = el.children[0];
valueEl = el.children[1];

if (filterEl.style.pixelWidth > 0) {
var filterBackup = filterEl.style.filter;
filterEl.style.filter = "";
filterEl.style.filter = filterBackup;
}
filterEl.style.width = step + "%";
valueEl.innerText = step + "%"
inforEl.innerText = message;
}
}
function fakeProgress(v, el) {
if (v >= 101)
location.href=http://www.bc-cn.net;
else {
setSB(v, el, infor, "Loading... please wait");
window.setTimeout("fakeProgress(" + (v + 1) + ", document.all['" + el.id + "'])", 60);
}
}
//-->
</SCRIPT>
</head>
<BODY onload="fakeProgress(0,sb)" topmargin=100 bgcolor="#999999">
<br><br><br><br><br><br><br><br>
<!-- Status Bar Starts -->
<div align=center>
<DIV id=sb
style="BORDER-RIGHT: white 0px inset; BORDER-TOP: white 0px inset; BACKGROUND: #cccccc; BORDER-LEFT: white 0px inset; WIDTH: 200px; BORDER-BOTTOM: white 0px inset; HEIGHT: 20px; TEXT-ALIGN: left">
<DIV id=sbChild1
style="FILTER: Alpha(Opacity=0, FinishOpacity=80, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); WIDTH: 0%; POSITION: absolute; HEIGHT: 20px">
<DIV
style="FONT-SIZE: 1px;BACKGROUND:#ffffff; WIDTH: 100%; HEIGHT: 100%"></DIV></DIV>
<DIV
style="FONT-SIZE:11px; WIDTH: 100%; COLOR:#000000; FONT-FAMILY:verdana; POSITION: absolute; TEXT-ALIGN: center"></DIV></DIV>
<!-- Status Bar Ends -->
<br>
<DIV id=infor
style=" FONT-SIZE:11px; WIDTH: 100%; COLOR:#000000; FONT-FAMILY:verdana; POSITION: relative; TEXT-ALIGN: center">
</DIV>
</div>
</BODY>
</html>

畅所欲言
2005-11-04 19:30
dreame
Rank: 3Rank: 3
等　级：新手上路
威　望：8
帖　子：521
专家分：0
注　册：2005-10-23
第 4 楼
收藏
 得分:0 
好东西,收藏先

有时候真的想放弃寂寞的等待，但她是那么的可爱！I love u forever！
2005-11-04 21:11
快速回复：几个不错的网页载入页面
数据加载中...
 
　　　



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有，并保留所有权利。
Powered by Discuz, Processed in 0.029717 second(s), 8 queries.
Copyright©2004-2025, BCCN.NET, All Rights Reserved