很酷的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 15 Javascript
JS去掉第一个字符和最后一个字符的实现代码
Feb 20 Javascript
jQuery选择器源码解读(二):select方法
Mar 31 Javascript
pc加载更多功能和移动端下拉刷新加载数据
Nov 07 Javascript
浅谈JavaScript的自动垃圾收集机制
Dec 15 Javascript
vue.js单文件组件中非父子组件的传值实例
Sep 13 Javascript
微信小程序实现省市区三级地址选择
Jun 21 Javascript
jQuery实现的别踩白块小游戏完整示例
Jan 07 jQuery
vue实现的微信机器人聊天功能案例【附源码下载】
Feb 18 Javascript
详解用vue2.x版本+adminLTE开源框架搭建后台应用模版
Mar 15 Javascript
JS实现从对象获取对象中单个键值的方法示例
Jun 05 Javascript
vue 数据双向绑定的实现方法
Mar 04 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
使用PHP获取网络文件的实现代码
2010/01/01 PHP
深入理解:XML与对象的序列化与反序列化
2013/06/08 PHP
php类声明和php类使用方法示例分享
2014/03/29 PHP
WordPress中制作导航菜单的PHP核心方法讲解
2015/12/11 PHP
PHP+mysql实现的三级联动菜单功能示例
2019/02/15 PHP
使用javascript访问XML数据的实例
2006/12/27 Javascript
JavaScript 原型继承
2011/12/26 Javascript
getElementByIdx_x js自定义getElementById函数
2012/01/24 Javascript
图片轮换效果实现代码(点击按钮停止执行)
2013/04/12 Javascript
你必须知道的Javascript知识点之&quot;this指针&quot;的应用
2013/04/23 Javascript
JQuery的Ajax跨域请求原理概述及实例
2013/04/26 Javascript
js 判断上传文件大小及格式代码
2013/11/13 Javascript
自己使用jquery写的一个无缝滚动的插件
2014/04/30 Javascript
JavaScript时间转换处理函数
2015/04/14 Javascript
再谈JavaScript异步编程
2016/01/27 Javascript
浅析vue-router实现原理及两种模式
2020/02/11 Javascript
在漏洞利用Python代码真的很爽
2007/08/26 Python
Python使用xlwt模块操作Excel的方法详解
2018/03/27 Python
Python使用matplotlib实现基础绘图功能示例
2018/07/03 Python
Python面向对象程序设计构造函数和析构函数用法分析
2019/04/12 Python
Flask模板引擎之Jinja2语法介绍
2019/06/26 Python
详解python websocket获取实时数据的几种常见链接方式
2019/07/01 Python
Django模板Templates使用方法详解
2019/07/19 Python
Pytorch 搭建分类回归神经网络并用GPU进行加速的例子
2020/01/09 Python
Python叠加矩形框图层2种方法及效果
2020/06/18 Python
html5中canvas图表实现柱状图的示例
2017/11/13 HTML / CSS
澳大利亚冒险体验:Adrenaline(跳伞、V8赛车、热气球等)
2017/09/18 全球购物
澳大利亚排名第一的狂热牛仔品牌:ONETEASPOON
2018/11/20 全球购物
物流仓管员岗位职责
2013/12/04 职场文书
实习单位接收函模板
2014/01/10 职场文书
个人求职信范文
2014/05/24 职场文书
写得不错的求职信范文
2014/07/11 职场文书
刑事和解协议书范本
2014/11/19 职场文书
投标单位介绍信
2015/05/05 职场文书
聊聊JS ES6中的解构
2021/04/29 Javascript
golang操作rocketmq的示例代码
2022/04/06 Golang