- <HTML>
- <STYLE>
- .td1
- {
- border:solid 1px #336699;
- width:10px;
- height:19px;
- background-color:darkblue;
- position:absolute;
- z-index:1;
- }
- .td2
- {
- border:solid 0px #336699;
- width:10px;
- height:19px;
- background-color:transparent;
- position:absolute;
- font-size:20px;
- font-family:fixedsys;
- z-index:2;
- }
- .td3
- {
- border-left:solid 1px gray;
- border-right:solid 1px while;
- border-bottom:solid 1px while;
- border-top:solid 1px gray;
- height:20px;
- width:302px;
- background-color:activeborder;
- position:absolute;
- font-size:12px;
- font-family:fixedsys;
- z-index:-1;
- }
- </STYLE>
- <BODY bgcolor="eeeef1">
- <Table border=0 cellpadding=0 cellspacing=0 ><TR><TD id='td1' class="td1"></TD></TR></TABLE>
- <Table border=0 cellpadding=0 cellspacing=0 ><TR><TD id='td2' class="td2" ></TD></TR></TABLE>
- <Table border=0 cellpadding=0 cellspacing=0 ><TR><TD id='td3' class="td3" > </TD></TR></TABLE>
- </BODY>
- </HTML>
- <SCRIPT LANGUAGE=javascript>
- <!--
- var i =0;
- td1.style.left = (document.body.offsetWidth-300)/2;
- td1.style.top = (document.body.offsetHeight-td1.offsetHeight)/2;
- td2.style.left = (document.body.offsetWidth-40)/2;
- td2.style.top = (document.body.offsetHeight-td2.offsetHeight)/2;
- td3.style.left = td1.style.left;
- td3.style.top = td1.style.top;
- ShowMsg()
- function ShowMsg()
- {
- if(i<50)
- {
- document.all.td1.style.width=((i+1)*6)+"px";
- i++;
- if(i>24)
- document.all.td2.runtimeStyle.color="white";
- document.all.td2.innerHTML = (i*2)+"%";
- }else
- {
- return;
- }
- setTimeout("ShowMsg()",300);
- }
- //-->
- </SCRIPT>
JS进度条源代码
最新推荐文章于 2024-07-19 15:32:49 发布