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

Javascript
javascript 多图浏览超炫效果
对采用动态原型方式无法展示继承机制得思考
JS 控制非法字符的输入代码
JSON 编辑器实现代码
jquery select操作的日期联动实现代码
select列表内容交换的js实现代码
javascript Demo模态窗口
JavaScript 加号(+)运算符号
javascript 动态生成私有变量访问器
javascript 模拟JQuery的Ready方法实现并出现的问题
jquery ready函数源代码研究
ASP Json Parser修正版
js select多选列表传值代码
JavaScript 对象模型 执行模型
js 操作select相关方法函数
IE和firefox浏览器的event事件兼容性汇总
js event事件的传递与冒泡处理
兼容IE,firefox的获取节点的文本值的javascript代码
IE7中javascript操作CheckBox的checked=true不打勾的解决方法
javascript Array.sort() 跨浏览器下需要考虑的问题

Javascript 中的 web进度条


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-08-10   浏览: 283 ::
收藏到网摘: 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>