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


Posted in Javascript onFebruary 26, 2015

本文实例讲述了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 multibox 全选
Mar 22 Javascript
2010年最佳jQuery插件整理
Dec 06 Javascript
Jquery each方法跳出循环,并获取返回值(实例讲解)
Dec 12 Javascript
JS+CSS实现带小三角指引的滑动门效果
Sep 22 Javascript
AngularJS入门教程之AngularJS指令
Apr 18 Javascript
通过V8源码看一个关于JS数组排序的诡异问题
Aug 14 Javascript
jQuery中ajax请求后台返回json数据并渲染HTML的方法
Aug 08 jQuery
node.js express框架简介与实现
Jul 23 Javascript
vue中如何实现后台管理系统的权限控制的方法步骤
Sep 05 Javascript
Vue强制组件重新渲染的方法讨论
Feb 03 Javascript
对vuex中store和$store的区别说明
Jul 24 Javascript
在vue中使用jsonp进行跨域请求接口操作
Oct 29 Javascript
JS实现跟随鼠标闪烁转动色块的方法
Feb 26 #Javascript
javascript中typeof操作符和constucor属性检测
Feb 26 #Javascript
JS实现网页滚动条感应鼠标变色的方法
Feb 26 #Javascript
js随机生成网页背景颜色的方法
Feb 26 #Javascript
jQuery简单实现隐藏以及显示特效
Feb 26 #Javascript
最流行的Node.js精简型和全栈型开发框架介绍
Feb 26 #Javascript
jQuery对象初始化的传参方式
Feb 26 #Javascript
You might like
在Windows系统上安装PHP运行环境文字教程
2010/07/19 PHP
PHP禁止页面缓存的代码
2011/10/23 PHP
深入解析php之apc
2013/05/15 PHP
浅析php与数据库代码开发规范
2013/08/08 PHP
php导出word格式数据的代码实例
2013/11/25 PHP
从零开始学YII2框架(二)通过 Composer 安装扩展插件
2014/08/20 PHP
php 在字符串指定位置插入新字符的简单实现
2016/06/28 PHP
有道JavaScript监听浏览器的问题
2010/06/23 Javascript
鼠标选择动态改变网页背景颜色的JS代码
2013/12/10 Javascript
Javscript删除数组中指定元素并返回新数组
2014/03/06 Javascript
后台获取ZTREE选中节点的方法
2015/02/12 Javascript
jQuery与getJson结合的用法实例
2015/08/07 Javascript
VUEJS实战之利用laypage插件实现分页(3)
2016/06/13 Javascript
jquery插件bootstrapValidator数据验证详解
2016/11/09 Javascript
在vue中使用G2图表的示例代码
2019/03/19 Javascript
JavaScript如何处理移动端拍摄图片旋转问题
2019/11/16 Javascript
[01:10:57]Liquid vs OG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python的collections模块中namedtuple结构使用示例
2016/07/07 Python
Python xlwt设置excel单元格字体及格式
2020/04/18 Python
Python实现二叉树的常见遍历操作总结【7种方法】
2019/03/06 Python
python sort、sort_index方法代码实例
2019/03/28 Python
Python csv模块使用方法代码实例
2019/08/29 Python
Python实现串口通信(pyserial)过程解析
2019/09/25 Python
python 使用tkinter+you-get实现视频下载器
2020/11/17 Python
CSS3条纹背景制作的实战攻略
2016/05/31 HTML / CSS
详解CSS3中的box-sizing(content-box与border-box)
2019/04/19 HTML / CSS
智乐游戏测试笔试题
2014/05/21 面试题
代领毕业证委托书
2014/08/02 职场文书
债务纠纷委托书范本
2014/10/14 职场文书
学雷锋倡议书
2015/01/19 职场文书
总经理助理岗位职责
2015/01/31 职场文书
可可西里观后感
2015/06/08 职场文书
七年级数学教学反思
2016/02/17 职场文书
公司员工违法违章行为检讨书
2019/06/24 职场文书
浅谈redis的过期时间设置和过期删除机制
2022/03/18 MySQL
JavaScript中reduce()的用法
2022/05/11 Javascript