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 相关文章推荐
使用ImageMagick进行图片缩放、合成与裁剪(js+python)
Sep 16 Javascript
解决jquery操作checkbox火狐下第二次无法勾选问题
Feb 10 Javascript
jQuery判断元素上是否绑定了指定事件的方法
Mar 17 Javascript
JavaScript实现多个重叠层点击切换效果的方法
Apr 24 Javascript
javascript实现密码验证
Nov 10 Javascript
JS延时器提示框的应用实例代码解析
Apr 27 Javascript
JS前向后瞻正则表达式定义与用法示例
Dec 27 Javascript
JavaScript实现获取用户单击body中所有A标签内容的方法
Jun 05 Javascript
关于webpack2和模块打包的新手指南(小结)
Aug 07 Javascript
Vue内容分发slot(全面解析)
Aug 19 Javascript
JavaScript实现百度搜索框效果
Mar 26 Javascript
用JS实现根据当前时间随机生成流水号或者订单号
May 31 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
优化NFR之一 --MSSQL Hello Buffer Overflow
2006/10/09 PHP
常用的php ADODB使用方法集锦
2008/03/25 PHP
PHP应用JSON技巧讲解
2013/02/03 PHP
PHP魔术方法使用方法汇总
2016/02/14 PHP
php ajax数据传输和响应方法
2018/08/21 PHP
Referer原理与图片防盗链实现方法详解
2019/07/03 PHP
一段多浏览器的&quot;复制到剪贴板&quot;javascript代码
2007/03/27 Javascript
日期处理的js库(迷你版)--自建js库总结
2011/11/21 Javascript
javascript实现json页面分页实例代码
2014/02/20 Javascript
javascript获取元素偏移量的方法有哪些
2014/06/24 Javascript
跟我学习javascript的严格模式
2015/11/16 Javascript
jQuery插件开发精品教程让你的jQuery提升一个台阶
2016/01/27 Javascript
json格式的javascript对象用法分析
2016/07/04 Javascript
js添加千分位的实现代码(超简单)
2016/08/01 Javascript
jQuery实现简单的网页换肤效果示例
2016/09/18 Javascript
setTimeout学习小结
2017/02/08 Javascript
jQuery插件HighCharts绘制2D饼图效果示例【附demo源码下载】
2017/03/21 jQuery
JS实现问卷星自动填问卷脚本并在两秒自动提交功能
2020/06/17 Javascript
[59:07]海涛为你详解DOTA2新版本“贤哲秘契”
2014/11/22 DOTA
Python多进程编程技术实例分析
2014/09/16 Python
Python中定时任务框架APScheduler的快速入门指南
2017/07/06 Python
Python实现简单遗传算法(SGA)
2018/01/29 Python
python+opencv实现高斯平滑滤波
2020/07/21 Python
Python 处理图片像素点的实例
2019/01/08 Python
pyqt实现.ui文件批量转换为对应.py文件脚本
2019/06/19 Python
使用 Python 处理 JSON 格式的数据
2019/07/22 Python
python 实现简易的记事本
2020/11/30 Python
Ibatis的核心配置文件都有什么
2014/09/08 面试题
学生出入校管理制度
2014/01/16 职场文书
《雨点》教学反思
2014/02/12 职场文书
模具毕业生推荐信
2014/02/15 职场文书
小学教师师德整改措施
2014/09/29 职场文书
幼儿园开学家长寄语(2016春季)
2015/12/03 职场文书
《云雀的心愿》教学反思
2016/02/23 职场文书
高端收音机+蓝牙音箱,JBL TUNER FM带收音蓝牙音箱评测
2021/04/24 无线电
你知道Java Spring的两种事务吗
2022/03/16 Java/Android