本文介绍了一个使用HTML和JavaScript创建的动态加载进度条示例。该进度条通过marquee元素实现自动滚动效果，并利用JavaScript定时更新加载百分比，展示了简单的网页动态加载效果。
<HTML>
<BODY>
<P> </P><P> </P><P> </P><P> </P><P> </P>
<table border="0" cellpadding="0" cellspacing="0" width="50%" align=center>
<tr>
<td width="51%" noWrap>
<p align="right"><FONT face=宋体 color=navy
size=2>正在加载：</FONT></p> </td>
<td width="4%" bordercolor="#000000">
<marquee align="middle" direction="right" scrolldelay="1" bgcolor="gainsboro" scrollamount="2" style="BORDER-RIGHT: black 1px outset; BORDER-TOP: black 1px outset; FONT-SIZE: xx-small; BORDER-LEFT: black 1px outset; WIDTH: 133px; COLOR: #000080; BORDER-BOTTOM: black 1px outset; HEIGHT: 13px"
behavior="slide">███████████████████████████████████████████████████████████████████████████████</marquee>
</td><td width="45%" align=left><div id=per></div></td></tr></table>
<SCRIPT>
var myTime=0
function counter(){
myTime++
per.innerHTML="<font size=2 color=darkblue> "+myTime+"%</font>"
if(myTime<100)
setTimeout("counter()",40);
else{
//location.href="http://download.pchome.net"
}}
counter()
</SCRIPT>
</BODY>
</HTML>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
