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 相关文章推荐
基于jquery实现图片广告轮换效果代码
Jul 07 Javascript
Javascript实现重力弹跳拖拽运动效果示例
Jun 28 Javascript
js实现的点击div区域外隐藏div区域
Jun 30 Javascript
Underscore源码分析
Dec 30 Javascript
javascript和jquery实现用户登录验证
May 04 Javascript
AngularJS控制器继承自另一控制器
May 09 Javascript
Javascript实现图片不间断滚动的代码
Jun 22 Javascript
Vue.js+Layer表格数据绑定与实现更新的实例
Mar 07 Javascript
少女风vue组件库的制作全过程
May 15 Javascript
从零撸一个pc端vue的ui组件库( 计数器组件 )
Aug 08 Javascript
Vue路由模块化配置的完整步骤
Aug 14 Javascript
jQuery实现查看图片功能
Dec 01 jQuery
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安全防范技巧分享
2011/11/03 PHP
PHP生成随机数的方法总结
2018/03/01 PHP
PHP pthreads v3下的Volatile简介与使用方法示例
2020/02/21 PHP
List Information About the Binary Files Used by an Application
2007/06/18 Javascript
Jquery 基础学习笔记
2009/05/29 Javascript
JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
2010/01/12 Javascript
nullJavascript中创建对象的五种方法实例
2013/05/07 Javascript
jquery之超简单的div显示和隐藏特效demo(分享)
2013/07/09 Javascript
jquery ajax的success回调函数中实现按钮置灰倒计时
2013/11/19 Javascript
设置jsf的选择框h:selectOneMenu为不可编辑状态的方法
2014/01/07 Javascript
分享一则javascript 调试技巧
2015/01/02 Javascript
jQuery实现只允许输入数字和小数点的方法
2016/03/02 Javascript
全面解析多种Bootstrap图片轮播效果
2016/05/27 Javascript
微信小程序自定义导航隐藏和显示功能
2017/06/13 Javascript
ES6 javascript中Class类继承用法实例详解
2017/10/30 Javascript
JavaScript数据结构之双向链表和双向循环链表的实现
2017/11/28 Javascript
Vue指令v-for遍历输出JavaScript数组及json对象的常见方式小结
2019/02/11 Javascript
基于vue的tab-list类目切换商品列表组件的示例代码
2020/02/14 Javascript
浅谈JavaScript中的“!!”作用
2020/08/03 Javascript
Win7上搭建Cocos2d-x 3.1.1开发环境
2014/07/03 Python
python 多线程实现检测服务器在线情况
2015/11/25 Python
用Python删除本地目录下某一时间点之前创建的所有文件的实例
2017/12/14 Python
Python随机生成均匀分布在三角形内或者任意多边形内的点
2017/12/14 Python
python利用OpenCV2实现人脸检测
2020/04/16 Python
对python pandas读取剪贴板内容的方法详解
2019/01/24 Python
python 中xpath爬虫实例详解
2019/08/26 Python
基于python实现matlab filter函数过程详解
2020/06/08 Python
pycharm导入源码的具体步骤
2020/08/04 Python
pycharm 的Structure界面设置操作
2021/02/05 Python
Debenhams爱尔兰:英国知名的百货公司
2017/01/02 全球购物
走群众路线剖析材料
2014/10/09 职场文书
小学生法制教育心得体会
2016/01/14 职场文书
小学音乐课教学反思
2016/02/18 职场文书
一劳永逸彻底解决pip install慢的办法
2021/05/24 Python
Python实现批量自动整理文件
2022/03/16 Python
win11系统中dhcp服务异常什么意思? Win11 DHCP服务异常修复方法
2022/04/08 数码科技