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 cookie解码函数(兼容ff)
Mar 17 Javascript
javascript YUI 读码日记之 YAHOO.util.Dom - Part.4
Mar 22 Javascript
Js注册协议倒计时的小例子
Jun 24 Javascript
简单的JavaScript互斥锁分享
Feb 02 Javascript
JavaScript避免代码的重复执行经验技巧分享
Apr 17 Javascript
编写高效jQuery代码的4个原则和5个技巧
Apr 24 Javascript
Javascript实现简单的富文本编辑器附演示
Jun 16 Javascript
javascript删除数组重复元素的方法汇总
Jun 24 Javascript
AngularJS页面带参跳转及参数解析操作示例
Jun 28 Javascript
layui select动态添加option的实例
Mar 07 Javascript
PM2自动部署代码步骤流程总结
Dec 10 Javascript
仿ElementUI实现一个Form表单的实现代码
Apr 23 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
PHP sprintf()函数用例解析
2011/05/18 PHP
浅析PHP中call user func()函数及如何使用call user func调用自定义函数
2015/11/05 PHP
Yii框架扩展CGridView增加导出CSV功能的方法
2017/05/24 PHP
Thinkphp开发--集成极光推送
2017/09/15 PHP
php中用unset销毁变量并释放内存
2020/05/10 PHP
js实现checkbox全选和反选示例
2014/05/01 Javascript
微信jssdk用法汇总
2016/07/16 Javascript
js严格模式总结(分享)
2016/08/22 Javascript
为Jquery EasyUI 组件加上清除功能的方法(详解)
2017/04/13 jQuery
详解使用React进行组件库开发
2018/02/06 Javascript
Bootstrap模态对话框用法简单示例
2018/08/31 Javascript
原生js实现移动端Touch轮播图的方法步骤
2019/01/03 Javascript
Javascript实现html转pdf高清版(提高分辨率)
2020/02/19 Javascript
koa-passport实现本地验证的方法示例
2020/02/20 Javascript
React组件设计模式之组合组件应用实例分析
2020/04/29 Javascript
JavaScript缓动动画函数的封装方法
2020/11/25 Javascript
[01:35]辉夜杯战队访谈宣传片—iG.V
2015/12/25 DOTA
[50:27]OG vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.26
2018/08/30 DOTA
详解Python中for循环的使用
2015/04/14 Python
Python基于checksum计算文件是否相同的方法
2015/07/09 Python
python批量修改图片大小的方法
2018/07/24 Python
对python 操作solr索引数据的实例详解
2018/12/07 Python
浅析python,PyCharm,Anaconda三者之间的关系
2019/11/27 Python
利用python实现平稳时间序列的建模方式
2020/06/03 Python
基于python 将列表作为参数传入函数时的测试与理解
2020/06/05 Python
Python selenium键盘鼠标事件实现过程详解
2020/07/28 Python
python opencv肤色检测的实现示例
2020/12/21 Python
美国旅游网站:Tours4Fun
2017/02/17 全球购物
软件生产职位结构化面试主要考察要素及面试题库
2015/06/12 面试题
服装设计专业毕业生推荐信
2013/11/09 职场文书
长安大学毕业生自我鉴定
2014/01/17 职场文书
文明美德伴我成长演讲稿
2014/05/12 职场文书
个人担保书格式范文
2014/05/12 职场文书
2014年优秀班主任工作总结
2014/12/16 职场文书
办公室主任个人总结
2015/02/28 职场文书
正确使用MySQL INSERT INTO语句
2021/05/26 MySQL