Jquery中文网 www.jquerycn.cn
jQuery 教程 | jQuery ui教程 |
Jquery中文网 >  脚本编程  >  javascript  >  正文 网页或文件加载Loading进度条效果

网页或文件加载Loading进度条效果

发布时间：2017-07-20   编辑：www.jquerycn.cn
jquery中文网为您提供网页或文件加载Loading进度条效果等资源，欢迎您收藏本站，我们将为您提供最新的网页或文件加载Loading进度条效果资源
提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" >网页或文件加载Loading进度条效果 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页或文件加载Loading进度条效果之四</title> </head> <body style="background:black">
Loading.............
<script> s=new Array(); s[0]="#050626"; s[1]="#0a0b44"; s[2]="#0f1165"; s[3]="#1a1d95"; s[4]="#1c1fa7"; s[5]="#1c20c8"; s[6]="#060cff"; s[7]="#2963f8"; function ls(){ pimg.innerHTML=""; for(i=0;i<9;i ){ pimg.innerHTML ="-1;i--){ pimg.innerHTML =""; } } ls(); var g=0;sped=0; function str(){ if(pimg.style.pixelLeft<350&&g==0){ if(sped==0){ ls(); sped=1; } pimg.style.pixelLeft =2; setTimeout("str()",1); return; } g=1; if(pimg.style.pixelLeft>-200&&g==1){ if(sped==1){ rs(); sped=0; } pimg.style.pixelLeft-=2; setTimeout("str()",1); return; } g=0; str(); } function flashs(){ if(abc.style.color=="#ffffff"){ abc.style.color="#707888"; setTimeout('flashs()',500); } else{ abc.style.color="#ffffff"; setTimeout('flashs()',500); } } flashs(); str(); </script></body></html> </textarea>
提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
网页或文件加载Loading进度条效果
javascript中Loading进度条的网页加载效果
js 延迟加载提高网页加载速度的实现方法
详解canvas实现圆弧、圆环进度条的实例方法
让jQuery Mobile不显示讨厌loading界面的方法
html5 progress标签怎么用？progress标签的属性介绍
Canvas实现波浪进度图（附demo）
CSS3 transition优化网页内容加载后高度变化
使用Android仿微信加载H5页面的进度条
html5如何实现简单进度条效果？动态进度条的实现（代码示例）

上一篇：js判断验证图片大小 下一篇：具备记忆功能 js select 代码
[关闭]
最近更新
浏览排行

关于本站 | 网站地图 | 联系我们 | 免责声明 | 友情链接
CopyRight © 2010-2014 jQeury中文网 jquerycn.cn , All Rights Reserved.