JS仿Windows开机启动Loading进度条的方法

更新时间：2015年02月26日 15:22:43 作者：代码家园

这篇文章主要介绍了JS仿Windows开机启动Loading进度条的方法,实例分析了javascript操作html元素及对应样式实现特效的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JS仿Windows开机启动Loading进度条的方法。分享给大家供大家参考。具体实现方法如下：

<html>

<title>JS仿Windows开机启动的Loading进度条</title>

</head>

<body style="margin:0;background-color:#5279CE;" scroll=no>

<table id=lw style="display:block;position:absolute;top:0;left:0;z-index:1;height:;width:" border="0" width="100%" cellspacing="0" cellpadding="0" height="100%">

<tr>

<td width="100%" bgcolor="#5279CE" align="center"><font face="Wingdings" style="font-size:240px;color=#000000">Y</td>

</tr>

<tr> 

<td height="10"  bgcolor="#3F5FB2">

<SCRIPT language=jscript>

 elt="0123456789ABCDEF";

 var sTBHTMLS="";

 var sTBHTMLE="";

 for(var i=0;i<0xFF-0x99;i+=1)

 {

  var cr="";

  var l;

  var sTBHTML="";

  l=i+0x99;

  for(var j=0;j<2;j++)

  {

   var n=l % 16;

   l=l >> 4;

   cr=elt.charAt(n)+cr;

  }

  l=i+0x33;

  for(var j=0;j<2;j++)

  {

   var n=l % 16;

   l=l >> 4;

   cr=elt.charAt(n)+cr;

  }

  l=i;

  for(var j=0;j<2;j++)

  {

   var n=l % 16;

   l=l >> 4;

   cr=elt.charAt(n)+cr;

  }

  var w=i>(0xFF-0xA0)?8:4

  sTBHTML="<span style='height:10;width:"+w+";background-color:#"+cr+";margin:0;padding:0'></span>"

  sTBHTMLS+=sTBHTML;

  sTBHTMLE=sTBHTML+sTBHTMLE;

 }

 var sTBHTML=sTBHTMLS+sTBHTMLE;

 document.write("<marquee id='loading' scrollamount='30' direction='right' scrolldelay='1' height='4' style='width:100%;height:10; font-size:6px;background-color:#003399'>")

 document.write(sTBHTML)

 document.write("</marquee>")

</SCRIPT></td> 

 </tr> 

 <tr> 

<td width="100%" height="20%" bgcolor="#ECF0FF"><center><span id=load_txt style="font-size:12px;"><b id=showtxt style="color:red;font-size:12px;line-height:138%;">载入中，请稍候……</b></span></center>

<p align="center" style="font-size:9pt;">CopyRight@</p></td>

 </tr>

</table>

<SCRIPT LANGUAGE="JavaScript">

<!--

var finderror = false;

function gopage()

{

 if(document.readyState=="complete")

 {

 showtxt.innerHTML="载入中，请稍候……"

 loading.style.display="none";

 }

}

//-->

</SCRIPT>

</body> 

</html>

希望本文所述对大家的javascript程序设计有所帮助。

您可能感兴趣的文章:

JavaScript实现表格点击排序的方法
这篇文章主要介绍了JavaScript实现表格点击排序的方法,可实现点击顶部数据项标题实现对应数据列的排序效果,涉及javascript鼠标事件及数据排序的技巧,需要的朋友可以参考下
2015-05-05
javascript 像素拼图实现代码
非常不错的像素拼图效果
2009-04-04
全面详解JS正则中匹配技巧及示例
这篇文章主要为大家介绍了全面详解JS正则中匹配技巧及示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-01-01
js数组合并的8种方法(最全)
在JavaScript中,有多种方法可以合并数组,本文主要介绍了8种方法,主要包括concat()、spread operator、push()、unshift()、splice()、Array.from()、Array.prototype.reduce()和ES6的Array.prototype.flat(),感兴趣的可以了解一下
2023-08-08
JavaScript实现点击按钮复制指定区域文本(推荐)
这篇文章主要介绍了JavaScript实现点击按钮复制指定区域文本(推荐)的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-11-11
可以自动轮换的页签 tabs with auto play fucntion
HTML、CSS方面改写了一下结构，用了一个DL javascript方面可以选择不断自动循环，或者只循环一次的，点击以后继续循环，或者停止循环
2008-02-02
webpack的pitching loader详解
这篇文章主要介绍了webpack的pitching loader详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-09-09
超级简单实现JavaScript MVC 样式框架
本文给大家分享的是一则翻译过来的，由国外友人写的如何简单有效的实现javascript MVC样式框架，算是一个MVC的入门教程，希望大家能够喜欢。
2015-03-03
用JavaScript检查大写键（Caps Lock）是否打开的脚本
用JavaScript检查大写键（Caps Lock）是否打开的脚本...
2007-06-06
JS实现微博发布功能
这篇文章主要为大家详细介绍了JS实现微博发布功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-08-08