一个简单的页面，没带数据库的，如果想让我点击按钮进去那页面的时候，出现加载中（完成100%几）然后可以马上打开那页面，当然最好可以用FLASH做那加载效果更好，
请问有没这做法呢！！虽然无聊，但是想了解一下。。
如何制作HTML加载页面？？
答案:3 悬赏:0 手机版
解决时间 2021-07-20 15:16
- 提问者网友：嘚啵嘚啵
- 2021-07-20 03:08
最佳答案
- 五星知识达人网友：神也偏爱
- 2021-07-20 04:38
给你个简单点的。
<html>
<head>
<title>ASP教学,ASPJX.COM</title>
<style>
html { BACKGROUND: #FFFFFF; }
body { MARGIN: 0px; }
form { MARGIN: 0px; }
img { BORDER: 0px; }
div, table, input, button, select, textarea { FONT-FAMILY: Tahoma; FONT-SIZE: 12px; COLOR: #222222; }
.debug { BACKGROUND: #FFFFFF; WIDTH: 360px; BORDER: #000000 1px solid; TEXT-ALIGN: center; }
</style>
<script>
var i=0;
var n=0;
var url=' http://www.aspjx.com'; //转
var min = '10'; //进度速度
function loading() {
var l='320'; //总长度 该了 div 也要改
var t='40'; //进度条长度
var h='20'; //进度条高度度
if(i<l) { if(i>=l-t) { i<l ? i++ : i=1; n=l-i; } else { if(n>t) i<l ? i++ : i=1; else n++; } } else { i=0; n=0; location.href=url }
document.getElementById('loading').innerHTML='<div +i+'px; WIDTH: '+n+'px; HEIGHT: ' + h + 'px; OVERFLOW: hidden;"/>';
}
function debug() {
var debug='<div +document.body.clientHeight+'px; FILTER: alpha(opacity=75);"></div>'+
'<div class="debug" +((document.body.clientHeight/2)-32)+'px; LEFT: '+((document.body.clientWidth/2)-180)+'px;">'+
'<div >Loading..</div>'+
'<div id="loading" ></div>'+
'<div >正在处理你的请求,请不要刷新,请稍候..</div>'+
'</div>';
setInterval( 'loading()', min );
document.getElementById('debug').innerHTML = debug;
}
</script>
</head>
<body>
<div id="debug"></div>
<button onclick="debug();">提交</button>
</body>
</html>
全部回答
- 1楼网友：拜訪者
- 2021-07-20 05:43
搜索JS进度条 这个可以纯JS实现的
当然FLASH做的漂亮些
- 2楼网友：你哪知我潦倒为你
- 2021-07-20 04:48
用超链接,或用脚本
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯