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 圆角div的实现代码
Oct 15 Javascript
jquery ajax post提交数据乱码
Nov 05 Javascript
JavaScript获取数组最小值和最大值的方法
Jun 09 Javascript
jquery $.trim()去除字符串空格的实现方法【附图例】
Mar 30 Javascript
Bootstrap Search Suggest使用例子
Dec 21 Javascript
获取今天,昨天,本周,上周,本月,上月时间(实例分享)
Jan 04 Javascript
jQuery模拟爆炸倒计时功能实例代码
Aug 21 jQuery
微信小程序冒泡事件及其阻止方法实例分析
Dec 06 Javascript
基于vue通用表单解决方案的思考与分析
Mar 16 Javascript
微信小程序云开发 搭建一个管理小程序
May 17 Javascript
vue实现数字动态翻牌的效果(开箱即用)
Dec 08 Javascript
vue 防止页面加载时看到花括号的解决操作
Nov 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
php escape URL编码
2008/12/10 PHP
mysql总结之explain
2012/02/27 PHP
2014最热门的24个php类库汇总
2014/12/18 PHP
实例讲解PHP表单处理
2019/02/15 PHP
PHP中非常有用却鲜有人知的函数集锦
2019/08/17 PHP
在b/s开发中经常用到的javaScript技术
2006/08/23 Javascript
javascript小组件 原生table排序表格脚本(兼容ie firefox opera chrome)
2012/07/25 Javascript
jQuery 选择器详解
2015/01/19 Javascript
jQuery使用append在html元素后同时添加多项内容的方法
2015/03/26 Javascript
每天一篇javascript学习小结(RegExp对象)
2015/11/17 Javascript
JavaScript function函数种类详解
2016/02/22 Javascript
深入学习AngularJS中数据的双向绑定机制
2016/03/04 Javascript
深入理解关于javascript中apply()和call()方法的区别
2016/04/12 Javascript
10分钟掌握XML、JSON及其解析
2020/12/06 Javascript
关于jQuery里prev()的简单操作代码
2017/10/27 jQuery
说说如何在Vue.js中实现数字输入组件的方法
2019/01/08 Javascript
Vue响应式原理Observer、Dep、Watcher理解
2019/06/06 Javascript
解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题
2019/09/25 Javascript
Python的lambda匿名函数的简单介绍
2013/04/25 Python
pygame学习笔记(4):声音控制
2015/04/15 Python
python处理html转义字符的方法详解
2016/07/01 Python
python2.7+selenium2实现淘宝滑块自动认证功能
2018/02/24 Python
python 重定向获取真实url的方法
2018/05/11 Python
利用python如何处理百万条数据(适用java新手)
2018/06/06 Python
Python 利用内置set函数对字符串和列表进行去重的方法
2018/06/29 Python
Python for循环与range函数的使用详解
2019/03/23 Python
PyQt5基本控件使用详解:单选按钮、复选框、下拉框
2019/08/05 Python
python爬虫利用代理池更换IP的方法步骤
2021/02/21 Python
一份软件工程师的面试试题
2016/02/01 面试题
大学生自我鉴定
2013/12/16 职场文书
小学教师寄语大全
2014/04/03 职场文书
一年级小学生评语
2014/04/22 职场文书
2014小学语文教学工作总结
2014/12/17 职场文书
房地产销售经理岗位职责
2015/02/02 职场文书
项目安全员岗位职责
2015/02/15 职场文书
2015年村计划生育工作总结
2015/04/28 职场文书