很酷的javascript loading效果代码


Posted in Javascript onJune 18, 2008
<font color=red><script language="JavaScript">  
<!--  
var url = 'https://3water.com'; ///这里是你的网址   
//-->  
</script>  
</head>  
<body onLoad="location.href = url">  
<div style='margin-top:40;margin-left:40;margin-right:0'>  
  <p> </p>  
  <p align="center"> </p>  
  <p align="center"> </p>  
  <p align="center">   
    <style><!--.proccess{border:0px  solid; border-color:#009900; width:2;height:15;background:eeeeee;margin:0}--></style>  
  </p>  
  <div style='margin-top:-20;margin-left:0;margin-right:0' align="center">   
    <form method=post name=proccess>  
      <script language=javascript>  
      document.write("<br><br><br><br><table border=0 cellspacing=1 cellpadding=0  bgcolor=#000000 ><tr bgcolor=#ffffff><td  style='font:9pt Verdana;'>") 
for(i=0;i<200;i++)document.write("<input class=proccess >")  
      document.write("</td></tr></table><br>") 
      document.write("<div align=center style='font-size:9pt;color:#660000;'> 数据正在加载中......</div>") 
</script>    <div align="center">  
    <script language=JavaScript><!--  
var p=0,j=0;  
var c=new Array("#FF6600","#ffffff")  
setInterval('proccess();',100)  
function proccess(){  
 document.forms.proccess.elements[p].style.background=c[j];  
 p+=1;  
 if(p==200){p=0;j=1-j;}}  
--></script>  
  </div>  
</div>  
<div align="center">  
  <script>  
<!--  
if (document.layers)   
  document.write('<Layer src="' + url + ' " VISIBILITY="hide"> </Layer>');   
  else if (document.all || document.getElementById)   
   document.write('<iframe src="' + url + '" style="visibility: hidden;"></iframe>');   
else location.href = url;  
//-->  
</script>  
</div>  
</body></font>
Javascript 相关文章推荐
理解Javascript_03_javascript全局观
Oct 11 Javascript
javascript 三种方法实现获得和设置以及移除元素属性
Mar 20 Javascript
js字符串日期yyyy-MM-dd转化为date示例代码
Mar 06 Javascript
jQuery实现的多屏图像图层切换效果实例
May 07 Javascript
jQuery prototype冲突的2种解决方法(附demo示例下载)
Jan 21 Javascript
jquery实现的回旋滚动效果完整实例【附demo源码下载】
Sep 20 Javascript
js当前页面登录注册框,固定div,底层阴影的实例代码
Oct 04 Javascript
js微信分享实现代码
Oct 11 Javascript
vuex操作state对象的实例代码
Apr 25 Javascript
vue中前进刷新、后退缓存用户浏览数据和浏览位置的实例讲解
Sep 21 Javascript
Echart折线图手柄触发事件示例详解
Dec 16 Javascript
Javascript实现关闭广告效果
Jan 29 Javascript
豆瓣网的jquery代码实例
Jun 15 #Javascript
JQuery实现自定义对话框的代码
Jun 15 #Javascript
javascript基本语法分析说明
Jun 15 #Javascript
javascript新手语法小结
Jun 15 #Javascript
JavaScript入门学习书籍推荐
Jun 12 #Javascript
asp.net和asp下ACCESS的参数化查询
Jun 11 #Javascript
json跟xml的对比分析
Jun 10 #Javascript
You might like
php版微信公众平台开发之验证步骤实例详解
2016/09/23 PHP
PHP实现对xml的增删改查操作案例分析
2017/05/19 PHP
PHP 中TP5 Request 请求对象的实例详解
2017/07/31 PHP
对于Laravel 5.5核心架构的深入理解
2018/02/22 PHP
fromCharCode和charCodeAt 方法
2006/12/27 Javascript
Prototype 学习 Prototype对象
2009/07/12 Javascript
JavaScript 异步调用框架 (Part 5 - 链式实现)
2009/08/04 Javascript
JSON 客户端和服务器端的格式转换
2009/08/27 Javascript
JS动态添加option和删除option(附实例代码)
2013/04/01 Javascript
jquery原创弹出层折叠效果点击折叠弹出一个层
2014/03/12 Javascript
常用的JavaScript模板引擎介绍
2015/02/28 Javascript
jquery衣服颜色选取插件效果代码分享
2015/08/28 Javascript
使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
2015/12/06 Javascript
浅谈JavaScript的全局变量与局部变量
2016/06/10 Javascript
AngularJS表达式讲解及示例代码
2016/08/16 Javascript
jQuery复合事件结合toggle()方法的用法示例
2017/06/10 jQuery
vue-cli4.x创建企业级项目的方法步骤
2020/06/18 Javascript
[02:54]DOTA2亚洲邀请赛 VG战队出场宣传片
2015/02/07 DOTA
Python实现批量下载图片的方法
2015/07/08 Python
python线程池(threadpool)模块使用笔记详解
2017/11/17 Python
Python实现在某个数组中查找一个值的算法示例
2018/06/27 Python
python求质数的3种方法
2018/09/28 Python
python装饰器简介---这一篇也许就够了(推荐)
2019/04/01 Python
关于pytorch中网络loss传播和参数更新的理解
2019/08/20 Python
VSCode配合pipenv搞定虚拟环境的实现方法
2020/05/17 Python
移动端解决悬浮层(悬浮header、footer)会遮挡住内容的3种方法
2015/03/27 HTML / CSS
文明青少年标兵事迹材料
2014/01/28 职场文书
店长职务说明书
2014/02/04 职场文书
小班评语大全
2014/05/04 职场文书
安全教育演讲稿
2014/05/09 职场文书
运动会口号大全
2014/06/07 职场文书
关于运动会的广播稿50字
2014/10/17 职场文书
2014年小学英语教师工作总
2014/12/03 职场文书
2015年商场工作总结
2015/04/27 职场文书
小学工作总结2015
2015/05/04 职场文书
卢旺达饭店观后感
2015/06/05 职场文书