很酷的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 相关文章推荐
用javascript实现自定义标签
May 08 Javascript
js 定时器setTimeout无法调用局部变量的解决办法
Nov 28 Javascript
用Jquery选择器计算table中的某一列某一行的合计
Aug 13 Javascript
原生javascript实现隔行换色
Jan 04 Javascript
jQuery实现下拉加载功能实例代码
Apr 01 Javascript
JavaScript鼠标特效大全
Sep 13 Javascript
微信小程序 限制1M的瘦身技巧与方法详解
Jan 06 Javascript
Angular 4依赖注入学习教程之ValueProvider的使用(七)
Jun 04 Javascript
详解webpack编译多页面vue项目的配置问题
Dec 11 Javascript
基于vue-ssr的静态网站生成器VuePress 初体验
Apr 17 Javascript
浅析JS中回调函数及用法
Jul 25 Javascript
jQuery实现的网站banner图片无缝轮播效果完整实例
Jan 28 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
ThinkPHP应用模式扩展详解
2014/07/16 PHP
PHP实现算式验证码和汉字验证码实例
2015/03/09 PHP
JavaScript脚本语言在网页中的简单应用
2007/05/13 Javascript
js 删除数组的几种方法小结
2014/02/21 Javascript
网站接入QQ登录的两种方法
2014/07/22 Javascript
jquery实现不包含当前项的选择器实例
2015/06/25 Javascript
js图片卷帘门导航菜单特效代码分享
2015/09/10 Javascript
jQuery中通过ajax的get()函数读取页面的方法
2016/02/29 Javascript
url中的特殊符号有什么含义(推荐)
2016/06/17 Javascript
求js数组的最大值和最小值的四种方法
2017/03/03 Javascript
JavaScript实现二叉树的先序、中序及后序遍历方法详解
2017/10/26 Javascript
vue router总结 $router和$route及router与 router与route区别
2019/07/05 Javascript
使用layui 的layedit定义自己的toolbar方法
2019/09/18 Javascript
vue 关闭浏览器窗口的时候,清空localStorage的数据示例
2019/11/06 Javascript
Vue 图片压缩并上传至服务器功能
2020/01/15 Javascript
简单了解JavaScript弹窗实现代码
2020/05/07 Javascript
2020淘宝618理想生活列车自动领喵币js脚本的代码
2020/06/02 Javascript
Vue基于localStorage存储信息代码实例
2020/11/16 Javascript
如何使用gpu.js改善JavaScript的性能
2020/12/01 Javascript
[01:19:46]DOTA2-DPC中国联赛 正赛 SAG vs DLG BO3 第一场 2月28日
2021/03/11 DOTA
python中xrange用法分析
2015/04/15 Python
详解Python中expandtabs()方法的使用
2015/05/18 Python
解决Django模板无法使用perms变量问题的方法
2017/09/10 Python
django开发教程之利用缓存文件进行页面缓存的方法
2017/11/10 Python
详解如何为eclipse安装合适版本的python插件pydev
2018/11/04 Python
Python数据类型之Dict字典实例详解
2019/05/07 Python
11个Python3字典内置方法大全与示例汇总
2019/05/13 Python
python 一篇文章搞懂装饰器所有用法(建议收藏)
2019/08/23 Python
Python执行时间的几种计算方法
2020/07/31 Python
Python爬虫抓取论坛关键字过程解析
2020/10/19 Python
HTML5实现经典坦克大战坦克乱走还能发出一个子弹
2013/09/02 HTML / CSS
安全员岗位职责
2013/11/11 职场文书
报表员工作失误检讨书范文
2014/09/19 职场文书
入党转正介绍人意见
2015/06/03 职场文书
高中历史教学反思
2016/02/19 职场文书
vue递归实现树形组件
2022/07/15 Vue.js