像进度条的网页加载Loading JS代码

<html>
<head>
<title>程序加载页面</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body style="background:black">
<div id="div1" style="position:absolute;width:322;height:14;border:1 #707888 solid;overflow:hidden">
<div style="position:absolute;top:-1;left:0" id="pimg">
</div>
</div>
<div id="div2" style="position:absolute;top:30;left:120;font-size:9pt;color:#f4f4f4">
正在加载中......
</div>
<script language="JavaScript">
s=new Array("#050626","#0a0b44","#0f1165","#1a1d95","#1c1fa7","#1c20c8","#060cff");
//s=new Array("#333333","#555555","#777777","#999999","#AAAAAA","#CCCCCC","#EEEEEE");
div1.style.posTop=Math.floor((document.body.clientHeight-14)/2);
div1.style.posLeft=Math.floor((document.body.clientWidth-322)/2);
div2.style.posTop=parseInt(div1.style.posTop)+20;
div2.style.posLeft=parseInt(div1.style.posLeft)+120;
function Larrange(){
pimg.innerHTML="";
for(i=0;i<9;i++){
  pimg.innerHTML+="<input style=\"width:15;height:10;border:0;background:"+s[i]+";margin:1\">";
}
}
function Rarrange(){
pimg.innerHTML="";
for(i=9;i>-1;i--){
  pimg.innerHTML+="<input style=\"width:15;height:10;border:0;background:"+s[i]+";margin:1\">";
}
}
var is=0;size=0;
function move(){
if(pimg.style.pixelLeft<350&&is==0){
  if(size==0){Larrange();size=1;}
  pimg.style.pixelLeft+=3;
  setTimeout("move()",1);
  return;
}
is=1;
if(pimg.style.pixelLeft>-200&&is==1){
  if(size==1){Rarrange();size=0;}
  pimg.style.pixelLeft-=3;
  setTimeout("move()",1);
  return;
}
is=0;
move();
}
function flashs(){
if(div2.style.color=="#ffffff"){
  div2.style.color="#707888";
  setTimeout('flashs()',500);
}
else{
  div2.style.color="#ffffff";
  setTimeout('flashs()',500);
}
}
Larrange();
flashs();
move();
</script>
</body>
</html>

转载于:https://www.cnblogs.com/softmans/p/7485178.html

像进度条的网页加载Loading JS代码相关推荐

Android开发笔记（六十四）网页加载与JS调用
内置浏览器网页视图WebView 如果一个网站已经有现成的网页及业务逻辑,那么使用WebView将其内嵌到app中,省去了app重画页面与http通信的事情,无疑是更经济的做法.WebView就是A ...
Android 下载进度条，自定义加载进度条，loading动画
1.自定义loadingline动画 /*** 作者:created by meixi* 邮箱:13164716840@163.com* 日期:2018/9/6 10*/public class Lo ...
cocosCreator 用进度条展示场景加载进度
代码如下: onLoad () {var _this = this;_this.beginGame = cc.find("Canvas/bg/begin");_this.progr ...
自定义扇形进度条、异步加载网络图片、Activity疯狂旋转动画
效果预览: 正文 1.自定义扇形进度条. 思考: (1)如何绘制扇形. (2)重写onDraw(Canvas canvas) 或 draw(Canvas canvas). (3)是否保留背景设置. ( ...
[置顶] 加载事件js代码
1 /*加载事件代码*/ 2 function addLoadEvent(func) { 3 var oldonload = window. 4 if (typeof window.onload != ...
js调用php会提前加载,为什么js代码里调用了php变量运行就明显变慢了
我的代码如下` -----------这是问题代码------ 秒 today="<?php echo time();?>"//获取服务器时间 timeold=(tod ...
异步加载loading
using UnityEngine; using System.Collections; using UnityEngine.UI; using UnityEngine.SceneManagement ...
php 页面加载进度条,HTML5/CSS3 网页加载进度条的实现，下载进度条等经典案例
今天给大家带来一个比较炫的进度条,进度条在一耗时操作上给用户一个比较好的体验,不会让用户觉得在盲目等待,对于没有进度条的长时间等待,用户会任务死机了,毫不犹豫的关掉应用:一般用于下载任务,删除大量任务 ...
android 标题栏进度圈使用方法,Android 自定义标题栏显示网页加载进度的方法实例...
这阵子在做Lephone的适配,测试组提交一个bug:标题栏的文字较长时没有显示完全,其实这并不能算个bug,并且这个问题在以前其他机器也没有出现,只是说在Lephone的这个平台上显示得不怎么美观, ...
Flutter ListView 列表点击和网页加载
上一篇讲了使用ListView加载列表数据,本篇,我们讲下列表项的点击,因为本篇的例子点击后是加载一个网页,所以本篇也讲下类似于Android的WebView和iOS的UIWebView加载网页.效果 ...

像进度条的网页加载Loading JS代码

像进度条的网页加载Loading JS代码相关推荐

最新文章

热门文章