很漂亮的加载进度条+自动调转到相应页面

添加时间:11-06-20 所属分类:HTML网页,JS语言与代码
  转载自http://www.dyunr.com/wytxdm/yemiantexiao/201010/487.html

[code]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="keywords" content="3012.3i.cn">
<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.11jn.com";
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>
[/code]

别忘了把www.11jn.com替换成你的网址
控制时间请修改[code]if (v > 100)[/code]

前篇:显示加裁进度条并实现调转到另一页的特效 后篇:下一篇文章不存在
发表我的评论


推荐文章   雨水过后趵突泉水位大涨 济南不少泉池充...   每天往返每天往返4公里 抱着妹妹把学上   你听,这泉水里流动着济南过去的故事!   这群中国女孩边捡垃圾边踢球 连续三年夺...   身在济南不得不做的几件事,尤其最后一...
随机文章   网页游戏:神魔对决4-质取天下c:118+RM...   基于HTML5的战棋游戏引擎   引力游戏:PlaySpace   图片(旋转/缩放/翻转)变换效果,HTML+J...   《植物大战僵尸》网页版
广告

其他推荐

因为本站所有内容均转载自其它媒体,本意为公众提供免费服务,但并不代表本网赞同其观点,也不能对其真实性验证负责,如稿件版权单位或个人不想在本网发布,请与我联系,本人会立即将其撤除,谢谢.联系方式:atseashawk@163.com QQ:99289555