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 相关文章推荐
document.all还是document.getElementsByName?
Jul 21 Javascript
jQuery 创建Dom元素
May 07 Javascript
js 纯数字不重复排列的另类方法
Jul 17 Javascript
js三种排序算法分享
Aug 16 Javascript
jquery鼠标停止移动事件
Dec 21 Javascript
JS针对Array的各种操作汇总
Nov 29 Javascript
JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)
Dec 14 Javascript
JavaScript使用表单元素验证表单的示例代码
Aug 20 Javascript
Layui数据表格判断编辑输入的值,是否为我需要的类型详解
Oct 26 Javascript
vue props 单项数据流实例分享
Feb 16 Javascript
解决vue项目运行npm run serve报错的问题
Oct 26 Javascript
JS继承最简单的理解方式
Mar 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
打造计数器DIY三步曲(上)
2006/10/09 PHP
PHP的关于变量和日期处理的一些面试题目整理
2015/08/10 PHP
php异常处理捕获错误整理
2019/09/23 PHP
js动态添加删除,后台取数据(示例代码)
2013/11/25 Javascript
JS中操作JSON总结
2020/12/06 Javascript
JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)
2015/12/03 Javascript
jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
2016/01/15 Javascript
javascript 将共享属性迁移到原型中去的实现方法
2016/08/31 Javascript
预防网页挂马的方法总结
2016/11/03 Javascript
Bootstrap基本插件学习笔记之轮播幻灯片(23)
2016/12/08 Javascript
Bootstrap fileinput组件封装及使用详解
2017/03/10 Javascript
详解vue嵌套路由-query传递参数
2017/05/23 Javascript
JavaScript定义函数的三种实现方法
2017/09/23 Javascript
Vue使用高德地图搭建实时公交应用功能(地图 + 附近站点+线路详情 + 输入提示+换乘详情)
2018/05/16 Javascript
vue cli使用融云实现聊天功能的实例代码
2019/04/19 Javascript
Vue使用NProgress进度条的方法
2019/09/21 Javascript
vue打包静态资源后显示空白及static文件路径报错的解决
2020/09/02 Javascript
Vue实现多页签组件
2021/01/14 Vue.js
Python中的闭包实例详解
2014/08/29 Python
Python使用matplotlib绘制余弦的散点图示例
2018/03/14 Python
Python实现的将文件每一列写入列表功能示例【测试可用】
2018/03/19 Python
pandas全表查询定位某个值所在行列的方法
2018/04/12 Python
解决python3中cv2读取中文路径的问题
2018/12/05 Python
CSS3教程(10):CSS3 HSL声明设置颜色
2009/04/02 HTML / CSS
HTML5中使用json对象的实例代码
2018/09/10 HTML / CSS
美国职棒大联盟官方网上商店:MLBShop.com
2017/11/12 全球购物
Gweniss格温妮丝女包官网:英国纯手工制造潮流包包品牌
2018/02/07 全球购物
英国儿童鞋和靴子:Start-Rite
2019/05/06 全球购物
文化活动实施方案
2014/03/28 职场文书
2014年教师学期工作总结
2014/11/08 职场文书
投资入股协议书
2016/03/22 职场文书
Java使用jmeter进行压力测试
2021/07/09 Java/Android
SQL基础的查询语句
2021/11/11 MySQL
Nginx配置https的实现
2021/11/27 Servers
Python中如何处理常见报错
2022/01/18 Python
SpringBoot 集成短信和邮件 以阿里云短信服务为例
2022/04/22 Java/Android