很酷的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 相关文章推荐
用js查找法实现当前栏目的高亮显示的代码
Nov 24 Javascript
js数据验证集合、js email验证、js url验证、js长度验证、js数字验证等简单封装
May 15 Javascript
js 鼠标移动显示图片的简单实例
Dec 25 Javascript
JS中作用域和变量提升(hoisting)的深入理解
Oct 31 Javascript
JS中Array数组学习总结
Jan 18 Javascript
详解用node编写自己的cli工具
May 23 Javascript
Vue学习笔记进阶篇之函数化组件解析
Jul 21 Javascript
vue element项目引入icon图标的方法
Jun 06 Javascript
微信小程序使用map组件实现解析经纬度功能示例
Jan 22 Javascript
koa大型web项目中使用路由装饰器的方法示例
Apr 02 Javascript
微信小程序自定义导航栏(模板化)
Nov 15 Javascript
VUE使用draggable实现组件拖拽
Apr 06 Vue.js
豆瓣网的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
CURL状态码列表(详细)
2013/06/27 PHP
基于php实现随机合并数组并排序(原排序)
2015/11/26 PHP
ThinkPHP 模板substr的截取字符串函数详解
2017/01/09 PHP
PHP环形链表实现方法示例
2017/09/15 PHP
javascript Split方法,indexOf方法、lastIndexOf 方法和substring 方法
2009/03/21 Javascript
Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码
2011/10/12 Javascript
ie8 不支持new Date(2012-11-10)问题的解决方法
2013/07/31 Javascript
javascript引用赋值(地址传值)用法实例
2015/01/13 Javascript
IE下使用jQuery重置iframe地址时内存泄露问题解决办法
2015/02/05 Javascript
javascript实现的右下角弹窗实例
2015/04/24 Javascript
JavaScript计划任务后台运行的方法
2015/12/18 Javascript
JS中JSON对象和String之间的互转及处理技巧
2016/04/06 Javascript
Vue.js组件tab实现选项卡切换
2020/03/23 Javascript
JS请求servlet功能示例
2017/06/01 Javascript
Angular5中调用第三方js插件的方法
2018/02/26 Javascript
详解redis在nodejs中的应用
2018/05/02 NodeJs
JavaScript 中的 this 工作原理
2018/06/20 Javascript
JavaScript实现学生在线做题计时器功能
2018/12/05 Javascript
谈谈我在vue-cli3中用预渲染遇到的坑
2020/04/22 Javascript
[02:36]DOTA2英雄基础教程 帕格纳
2014/01/20 DOTA
利用python将xml文件解析成html文件的实现方法
2017/12/22 Python
python 读入多行数据的实例
2018/04/19 Python
Python使用Pickle库实现读写序列操作示例
2018/06/15 Python
python numpy 显示图像阵列的实例
2018/07/02 Python
Python中numpy模块常见用法demo实例小结
2019/03/16 Python
Django中在xadmin中集成DjangoUeditor过程详解
2019/07/24 Python
Tensorflow之梯度裁剪的实现示例
2020/03/08 Python
python在一个范围内取随机数的简单实例
2020/08/16 Python
美国花布包包品牌:Vera Bradley
2017/08/11 全球购物
zooplus德国:便宜地订购动物用品、动物饲料、动物食品
2020/05/06 全球购物
满月酒答谢词
2014/01/14 职场文书
高考备战决心书
2014/03/11 职场文书
初中三好学生自我鉴定
2014/04/07 职场文书
电工技术比武方案
2014/05/11 职场文书
违反纪律检讨书范文
2015/05/07 职场文书
教师正风肃纪心得体会
2016/01/15 职场文书