很酷的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 相关文章推荐
HTML中Select不用Disabled实现ReadOnly的效果
Apr 07 Javascript
javascript实现网页屏蔽Backspace事件,输入框不屏蔽
Jul 21 Javascript
基于jQuery实现的无刷新表格分页实例
Feb 17 Javascript
微信小程序 地图(map)实例详解
Nov 16 Javascript
Bootstrap组件之下拉菜单,多级菜单及按钮布局方法实例
May 25 Javascript
vue非父子组件通信问题及解决方法
Jun 11 Javascript
angular6的响应式表单的实现
Oct 10 Javascript
Vue源码解析之数组变异的实现
Dec 04 Javascript
解决vue单页面应用中动态修改title问题
Jun 09 Javascript
layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)
Sep 23 Javascript
vue-cli3.X快速创建项目的方法步骤
Nov 14 Javascript
jquery使用echarts实现有向图可视化功能示例
Nov 25 jQuery
豆瓣网的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
Ajax PHP分页演示
2007/01/02 PHP
PHP下打开URL地址的几种方法小结
2010/05/16 PHP
php模拟post提交数据的方法
2015/02/12 PHP
php中 $$str 中 &quot;$$&quot; 的详解
2015/07/06 PHP
Yii框架弹出窗口组件CJuiDialog用法分析
2017/01/07 PHP
PHP查询分页的实现代码
2017/06/09 PHP
使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能示例
2017/09/15 PHP
js验证表单第二部分
2006/11/25 Javascript
JavaScript While 循环基础教程
2007/04/05 Javascript
js简单实现根据身份证号码识别性别年龄生日
2013/11/29 Javascript
高性能JavaScript DOM编程(1)
2015/08/11 Javascript
基于JavaScript如何制作遮罩层对话框
2016/01/26 Javascript
jQuery实现div横向拖拽排序的简单实例
2016/07/13 Javascript
详谈javascript精度问题与调整
2017/07/08 Javascript
Vue自定义事件(详解)
2017/08/19 Javascript
使用jquery+iframe做一个ajax上传效果(实例)
2017/08/24 jQuery
微信小程序 数据绑定及运算的简单实例
2017/09/20 Javascript
vue-autoui自匹配webapi的UI控件的实现
2020/03/20 Javascript
python使用邻接矩阵构造图代码示例
2017/11/10 Python
python创建列表和向列表添加元素的实现方法
2017/12/25 Python
tf.truncated_normal与tf.random_normal的详细用法
2018/03/05 Python
python2 与 python3 实现共存的方法
2018/07/12 Python
详解django中使用定时任务的方法
2018/09/27 Python
Pandas过滤dataframe中包含特定字符串的数据方法
2018/11/07 Python
对python指数、幂数拟合curve_fit详解
2018/12/29 Python
IE支持HTML5的解决方法
2009/10/20 HTML / CSS
美国在线乐器和设备商店:Musician’s Friend
2018/07/06 全球购物
美国一家著名的手表在线折扣网站:Discount Watch Store
2020/02/24 全球购物
升职自荐信范文
2013/10/05 职场文书
小学生暑假感言
2014/02/06 职场文书
投资意向书范本
2014/04/01 职场文书
寒假家长评语大全
2014/04/16 职场文书
关于读书的演讲稿600字
2014/08/27 职场文书
受伤赔偿协议书
2014/09/24 职场文书
党支部班子“四风”问题自我剖析材料
2014/09/28 职场文书
导游词之徐州云龙湖
2019/11/19 职场文书