当前位置: 首页 > 图文教程 > 网络编程 > Javascript > web进度条

Javascript
用Javascript轻松制作抽奖系统
一个鼠标效果,代码简单易懂,效果不错的
JavaScript的目的
时钟显示在任意指定位置
浅谈在网页上显示日期的两种方法
设计干净的链接
动态CSS,换肤技术
说不清的 childNodes
innerHTML和innerText的使用方法
Web开发:Javascript是Web开发正确方向的一个错误吗?
JS特效代码:实现间歇无缝文字滚动特效
Javascript编程语言和DOM接口系列教程(1)
JS实例教程:用6N±1法求素数
Firefox的Jetpack扩展案例分析:Gmail邮件提醒
JS小游戏实例:2D桌面台球
JS实例教程:制作图片放大特效
用Ant构建JavaScript组件
JavaScript组件:编码实现和算法
JS教程:制作颜色梯度和渐变效果
JS编码技巧:翻译的14天JS编写技巧

Javascript 中的 web进度条


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-08-10   浏览: 302 ::
收藏到网摘: n/a

web进度条

源代码如下,很容易读,有问题请email: [email protected]

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<SCRIPT LANGUAGE=javascript>
<!--
var myTime=0
function counter(){
 myTime++
 per.innerHTML="<font size=2 color=darkblue>&nbsp;&nbsp;"+myTime+"%</font>"
 if (myTime<100)
  setTimeout("counter()",40);
 else{
  window.open("http://www.sina.com.cn",null,"fullscreen=yes,channelmode=no,toolbar=no,location=no,directories=no,status=no,menubar=no,resizable=no")
 }
}
function window_onload() {
 counter()
}

//-->
</SCRIPT>
</HEAD>
<BODY LANGUAGE=javascript onload="return window_onload()">
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</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>


</BODY>
</HTML>