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 相关文章推荐
JObj预览一个JS的框架
Mar 13 Javascript
javascript sudoku 数独智力游戏生成代码
Mar 27 Javascript
jquery 圆形旋转图片滚动切换效果
Jan 19 Javascript
JavaScript高级程序设计 读书笔记之十 本地对象Date日期
Feb 27 Javascript
javascript 函数声明与函数表达式的区别介绍
Oct 05 Javascript
js重写alert控件(适合学习js的新手朋友)
Aug 24 Javascript
基于jquery实现轮播焦点图插件
Mar 31 Javascript
详解JavaScript设计模式开发中的桥接模式使用
May 18 Javascript
Bootstrap3 图片(响应式图片&amp;图片形状)
Jan 04 Javascript
vue视频播放暂停代码
Nov 08 Javascript
OpenLayers3实现图层控件功能
Sep 25 Javascript
原生JS实现飞机大战小游戏
Jun 09 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
使用 MySQL 开始 PHP 会话
2006/12/21 PHP
yii的CURD操作实例详解
2014/12/04 PHP
PHP 正则表达式小结
2015/02/12 PHP
PHP加密技术的简单实现
2016/09/04 PHP
Laravel实现批量更新多条数据
2020/04/06 PHP
js实现div弹出层的方法
2014/11/20 Javascript
JavaScript简单下拉菜单实例代码
2015/09/07 Javascript
WEB前端实现裁剪上传图片功能
2016/10/17 Javascript
vue.js动态数据绑定学习笔记
2017/05/19 Javascript
微信小程序左滑动显示菜单功能的实现
2018/06/14 Javascript
ES6中字符串的使用方法扩展
2019/06/04 Javascript
js实现随机数小游戏
2019/06/28 Javascript
[39:07]LGD vs VP 2018国际邀请赛淘汰赛BO3 第二场 8.21
2018/08/22 DOTA
[01:03:42]VP vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
[40:03]RNG vs VG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
[31:55]完美世界DOTA2联赛循环赛 IO vs GXR BO2第一场 11.04
2020/11/05 DOTA
python获取图片颜色信息的方法
2015/03/18 Python
在Python中编写数据库模块的教程
2015/04/29 Python
python3实现ftp服务功能(服务端 For Linux)
2017/03/24 Python
详解Python中的Numpy、SciPy、MatPlotLib安装与配置
2017/11/17 Python
使用Python横向合并excel文件的实例
2018/12/11 Python
Django的性能优化实现解析
2019/07/30 Python
TensorFlow基本的常量、变量和运算操作详解
2020/02/03 Python
Python random库使用方法及异常处理方案
2020/03/02 Python
使用 prometheus python 库编写自定义指标的方法(完整代码)
2020/06/29 Python
Html5 实现微信分享及自定义内容的流程
2019/08/20 HTML / CSS
Canon佳能美国官方商店:购买数码相机、数码单反相机、镜头和打印机
2016/11/15 全球购物
如何配置、使用和清除Smarty缓存
2015/12/23 面试题
《充气雨衣》教学反思
2014/04/07 职场文书
多媒体编辑专业毕业生求职信
2014/06/13 职场文书
关于读书的演讲稿300字
2014/08/27 职场文书
党员群众路线剖析材料
2014/10/08 职场文书
二手车转让协议书
2015/01/29 职场文书
2016年党员岗位承诺书
2016/03/24 职场文书
大学生奖学金获奖感言(范文)
2019/08/15 职场文书
导游词之贵州织金洞
2019/10/12 职场文书