很酷的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 相关文章推荐
jcarousellite.js 基于Jquery的图片无缝滚动插件
Dec 30 Javascript
疯狂Jquery第一天(Jquery学习笔记)
May 11 Javascript
javascript 事件处理示例分享
Dec 31 Javascript
javascript原型链继承用法实例分析
Jan 28 Javascript
javascript实现框架高度随内容改变的方法
Jul 23 Javascript
Bootstrap实现响应式导航栏效果
Dec 28 Javascript
Vue 2.0 服务端渲染入门介绍
Mar 29 Javascript
jQuery 实时保存页面动态添加的数据的示例
Aug 14 jQuery
vue打包之后生成一个配置文件修改接口的方法
Dec 09 Javascript
原生js实现获取form表单数据代码实例
Mar 27 Javascript
小程序云开发如何实现图片上传及发表文字
May 17 Javascript
JavaScript进制转换实现方法解析
Jan 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 利用Mail_MimeDecode类提取邮件信息示例
2014/01/26 PHP
php 三大特点:封装,继承,多态
2017/02/19 PHP
PHP设计模式之工厂模式定义与用法详解
2018/04/03 PHP
ThinkPHP5.0框架验证码功能实现方法【基于第三方扩展包】
2019/03/11 PHP
检测是否已安装 .NET Framework 3.5的js脚本
2009/02/14 Javascript
Prototype Number对象 学习
2009/07/19 Javascript
div移动 输入框不能输入的问题
2009/11/19 Javascript
script标签的 charset 属性使用说明
2010/12/04 Javascript
JQuery1.6 使用方法三
2011/11/23 Javascript
使用js在页面中绘制表格核心代码
2013/09/16 Javascript
JSON无限折叠菜单编写实例
2013/12/16 Javascript
ExtJS判断IE浏览器类型的方法
2014/02/10 Javascript
JQuery中extend使用介绍
2014/03/13 Javascript
jQuery toggleClass应用实例(附效果图)
2014/04/06 Javascript
使用upstart把nodejs应用封装为系统服务实例
2014/06/01 NodeJs
判断iframe里的页面是否加载完成
2014/06/06 Javascript
JQuery实现网页右侧随动广告特效
2016/01/17 Javascript
JavaScript中的Number数字类型学习笔记
2016/05/26 Javascript
非常实用的js验证框架实现源码 附原理方法
2016/06/08 Javascript
AngularJS实现标签页的两种方式
2016/09/05 Javascript
Bootstrap popover用法详解
2016/12/22 Javascript
微信、QQ、微博、Safari中使用js唤起App
2018/01/24 Javascript
vue 获取到数据但却渲染不到页面上的解决方法
2020/11/19 Vue.js
Python常用正则表达式符号浅析
2014/08/13 Python
Python获取服务器信息的最简单实现方法
2015/03/05 Python
Python实现包含min函数的栈
2016/04/29 Python
sublime text 3配置使用python操作方法
2017/06/11 Python
python验证码识别的示例代码
2017/09/21 Python
Python函数基础实例详解【函数嵌套,命名空间,函数对象,闭包函数等】
2019/03/30 Python
Python自省及反射原理实例详解
2020/07/06 Python
MoviePy简介及Python视频剪辑自动化
2020/12/18 Python
澳大利亚第一的设计师礼服租赁网站:GlamCorner
2017/08/13 全球购物
英国优质鞋类专家:Robinson’s Shoes
2017/12/08 全球购物
资深地理教师自我评价
2013/09/21 职场文书
2014年教师思想工作总结
2014/12/03 职场文书
Go获取两个时区的时间差
2022/04/20 Golang