很酷的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 相关文章推荐
关于viewport,Ext.panel和Ext.form.panel的关系
May 07 Javascript
javascript cookie操作类的实现代码小结附使用方法
Jun 02 Javascript
jQuery将多条数据插入模态框的示例代码
Sep 25 Javascript
Bootstrap中的fileinput 多图片上传及编辑功能
Sep 05 Javascript
Vue中img的src属性绑定与static文件夹实例
May 18 Javascript
微信禁止下拉查看URL的处理方法
Sep 28 Javascript
AngularJS表单验证功能
Oct 19 Javascript
JS实现图片居中悬浮效果
Dec 25 Javascript
浅谈Vue内置component组件的应用场景
Mar 27 Javascript
JavaScript实现一个带AI的井字棋游戏源码
May 21 Javascript
详解vue中v-bind:style效果的自定义指令
Jan 21 Javascript
JavaScript语句错误throw、try及catch实例解析
Aug 18 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分页思路以及在ZF中的使用
2012/05/30 PHP
PHP 使用header函数设置HTTP头的示例解析 表头
2013/06/17 PHP
PHP文件去掉PHP注释空格的函数分析(PHP代码压缩)
2013/07/02 PHP
PHP 面向对象程序设计(oop)学习笔记 (四) - 异常处理类Exception
2014/06/12 PHP
PHP实现生成透明背景的PNG缩略图函数分享
2014/07/08 PHP
PHP共享内存用法实例分析
2016/02/12 PHP
JS使用replace()方法和正则表达式进行字符串的搜索与替换实例
2014/04/10 Javascript
scrollWidth,clientWidth,offsetWidth的区别
2015/01/13 Javascript
JavaScript设计模式学习之“类式继承”
2015/03/12 Javascript
js日期插件dateHelp获取本月、三个月、今年的日期
2016/03/07 Javascript
前端jquery部分很精彩
2016/05/03 Javascript
关于session和cookie的简单理解
2016/06/08 Javascript
微信小程序 封装http请求实例详解
2017/01/16 Javascript
EasyUI 数据表格datagrid列自适应内容宽度的实现
2019/07/18 Javascript
[06:36]吞吞映像top1
2014/06/20 DOTA
Python中的__new__与__init__魔术方法理解笔记
2014/11/08 Python
Python中用post、get方式提交数据的方法示例
2017/09/22 Python
python3 发送任意文件邮件的实例
2018/01/23 Python
TensorFlow实现卷积神经网络
2018/05/24 Python
详解python while 函数及while和for的区别
2018/09/07 Python
python在openstreetmap地图上绘制路线图的实现
2019/07/11 Python
Tensorflow卷积实现原理+手写python代码实现卷积教程
2020/05/22 Python
python 6行代码制作月历生成器
2020/09/18 Python
CSS3实现圆角、阴影、透明效果并兼容各大浏览器
2014/08/08 HTML / CSS
HTML5图片预览实例分享
2014/06/04 HTML / CSS
长青弘远的面试题
2012/06/09 面试题
会计自我鉴定
2013/11/02 职场文书
总裁秘书岗位职责
2013/12/04 职场文书
工程招投标邀请书
2014/01/30 职场文书
汽车装潢店创业计划书范文
2014/02/05 职场文书
行政副总岗位职责
2014/02/23 职场文书
市场营销专业应届生自荐信
2014/06/19 职场文书
交通安全责任书范本
2014/07/24 职场文书
关于运动会的广播稿
2015/08/19 职场文书
智慧人生:永远不需要向任何人解释你自己
2019/08/20 职场文书
nginx代理实现静态资源访问的示例代码
2022/07/07 Servers