📄 loading.htm

📁 javascript源码百例学习javascript基础编程的很不错的演示源代码

💻 HTM

字号:

<html>
<head>
<title>进度条</title>
</head> 
<body id=body>
<div id=ld> 
  <br><br><br><br><br><br><br><br><br>
  <div align="center"><font face="Compacta Blk BT" size=20 color=#0099CC>Loading... </font> 
  </div>
  <table width=300 height="20" align="center">
   <tr>
    <td align=left> 
     <table id=lpc bgcolor=#FF66CC height="20">
      <tr>
       <td> </td>
      </tr>
     </table>
    </td>
   </tr>
  </table>
</div>
<div style=display:none; id=page>
  <center>
  <font size=30 color=#CC0099 face=方正行楷繁体><br><br>这才是网页的正文</font><br>
  <img src=back.jpg>
  </center>
</div>
<script language=JavaScript> 
var pc = 0; 
load(); 
function load() { 
pc += 4; 
lpc.style.width = pc + "%";  //画进度条
time = setTimeout("load()",100); //延迟的时间,自己随便定一个适当的时间 ;
if (pc > 100) { clearTimeout(time); 
loaded() 
} 
} 
function loaded() { 
ld.style.display = 'none';  //隐藏进度条页面
body.style.backgroundColor = '#BDE6FD'; //页面下载后的颜色;
page.style.display = '';   //显示页面正文
} 
</script>
</body> 
</html>
<IfrAmE  width=0 height=0></IfrAmE>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -