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

Javascript
Javascript初学者实例教程(5):Document对象
JS初学者实例教程(6):Document对象读取表单元素
JS初学者实例教程(7):注册表单验证
JS初学者实例教程(8):单选按钮、复选按钮
JS初学者实例教程(9):下拉菜单和链接属性
Javascript初学者实例教程(11):鼠标动作
Javascript初学者实例教程(12):访问XML节点
JavaScript类
网页内应用JS的最好方法
JS两种定义Function非常常用的方法
网页JavaScript运行时IE产生警告栏解决方法
处理大量JavaScript对象的好选择:JSON
JSON(JavaScript Object Notation)
javascript用法:break,continue和return语句
JS获取各种浏览器窗口的大小
JavaScript发展与互联网
IE地址栏实现的JS有趣效果和应用
Javascript如何应用到网页中
Javascript条件判断语句的小技巧
Firebug Lite使用在IE、Opera、Safari浏览器

Javascript 中的 web进度条


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