JS进度条

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>请稍候</title>
</head>

<body background="51.jpg">
<div id=waiting style="position:absolute;z-index:1;display:none;border: 2 outset #F2F2F2">
  <table border="0" cellpadding="0" cellspacing="0" width="360" style="background-color: #D6D3CE; font-size: 12px;">
    <tr>
      <td width="358" style="background-color: #000080; color: #FFFFFF; padding: 2">请稍候...</td>
    </tr>
    <tr>
      <td width="358" align="center">
    <img border="0" src="../../icon/0407/korea/pic/050407korea_v5.jpg" width="151" height="149"></td>
    </tr>
    <tr>
      <td width="358" height="20"  style="padding: 2;word-break:break-all;" id="linktext"></td>
    </tr>
    <tr>
      <td width="358" height="10"  style="padding: 0;border: 1 inset #F2F2F2"><img src="" width=1 height=10 name=sbar style=background-color:#000080></td>
    </tr>
  </table>
</div>

<SCRIPT LANGUAGE="JavaScript">
document.all.waiting.style.pixelTop = (document.body.offsetHeight - 120) / 2 + document.body.scrollTop;
document.all.waiting.style.pixelLeft = (document.body.offsetWidth - 360) / 2 + document.body.scrollLeft;
function link()
{ 
  o=event.srcElement
  while(o.tagName != "A")
  {
    if(!o.parentElement) return
    o=o.parentElement
  }
  event.returnValue = false
  document.all.linktext.innerHTML = "正在打开：<u>"+o.href+"</u>"
  document.all.waiting.style.display="";
  times = setInterval('showloading();',100);
}
document.onmousedown=link;
function showloading()
{
  if (document.sbar.width>356)
  {
    document.sbar.width=1
    //clearInterval(times)
  }
  else
  {
    document.sbar.width += 2;
  }
}
</script>
点一下链接;会出来了个进度条，只是一个例子，不会进入链接，因为在链接上加了onclick="return false"<br>
<A HREF="http://www.pconline.com.cn" onclick="return false">http://www.pconline.com.cn</A>

</body>

</html>

Asp教程

通过asp实例结合结合ACCESS,MSSQL来更好的深入Asp学习 - 爬坡者

导航

2007-8-3 23:51:55

Tags: javascript特效

发布:asp教程 | 分类:asp函数收集 | 评论:0 | 引用:0 | 浏览:

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Spirit Build 80710

Copyright 2007-2008 papozhe.com [asp教程] All Rights Reserved.
浙ICP备07030537号
免责申明：所有文章除特别声明，均来自网上，主要为学习用！内容仅供参考，版权归原作者。如侵犯您利益，请来信告知.
Email:papozhe$Gmail.com QQ:76336503

Asp教程

通过asp实例结合结合ACCESS,MSSQL来更好的深入Asp学习 - 爬坡者

导航

2007-8-3 23:51:55

JS进度条

Tags: javascript特效

发布:asp教程 | 分类:asp函数收集 | 评论:0 | 引用:0 | 浏览: strBatchCount+="spn118=118,"

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Spirit Build 80710

发布:asp教程 | 分类:asp函数收集 | 评论:0 | 引用:0 | 浏览: