您的位置：首页 > 编程语言 > Java开发

javascropt实现简单的进度条

2007-05-24 15:49 381 查看

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
</style>
<script type="text/javascript">
//设置span元素的编号
var progressEnd=16;
//设置进度条的背影为蓝色
var progressColor="blue";
//设置进度条的走动时间-----毫秒为单位
var progressInterval=350;
//时度条的开始标志
var progressBegin=0;
var progressTimer;
//逐个显视<span>
//单击事件
</script>
</HEAD>

<BODY>
<input id="btn1" type="button" onclick="linkto()" value="连接"/>
<div id="framediv" class="divbody">
<br/>
<p>正在连接站点，请稍候.</p>
<table align="center">
<tr><td>
<div class="divprogress"><span id="progress1">  </span>
<span id="progress2">  </span>
<span id="progress3">  </span>
<span id="progress4">  </span>
<span id="progress5">  </span>
<span id="progress6">  </span>
<span id="progress7">  </span>
<span id="progress8">  </span>
<span id="progress9">  </span>
<span id="progress10">  </span>
<span id="progress11">  </span>
<span id="progress12">  </span>
<span id="progress13">  </span>
<span id="progress14">  </span>
<span id="progress15">  </span>
<span id="progress16">  </span>
</td></tr>
</table>
</div>
</BODY>
</HTML>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航