很酷的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自定义事件介绍
Aug 29 Javascript
js实现连续英文字符自动换行兼容ie6 ie7和firefox
Sep 06 Javascript
判断一个对象是否为jquery对象的方法
Mar 12 Javascript
50 个 jQuery 插件可将你的网站带到另外一个高度
Apr 26 Javascript
Boostrap实现的登录界面实例代码
Oct 09 Javascript
js拼接html字符串的注意事项
Oct 13 Javascript
javascript简写常用的12个技巧(可以大大减少你的js代码量)
Mar 28 Javascript
详解Vuex中mapState的具体用法
Sep 28 Javascript
详解Vue取消eslint语法限制
Aug 04 Javascript
深入理解Vue 的钩子函数
Sep 05 Javascript
Vue实例的对象参数options的几个常用选项详解
Nov 08 Javascript
JavaScript实现浏览器网页自动滚动并点击的示例代码
Dec 05 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中的integer类型使用分析
2010/07/27 PHP
Laravel 5框架学习之Laravel入门和新建项目
2015/04/07 PHP
PHP使用strrev翻转中文乱码问题的解决方法
2017/01/13 PHP
PHP时间相关常用函数用法示例
2020/06/03 PHP
jQuery计算textarea中文字数(剩余个数)的小程序
2013/11/28 Javascript
JavaScript获取客户端计算机硬件及系统等信息的方法
2014/01/02 Javascript
jQuery实现为图片添加镜头放大效果的方法
2015/06/25 Javascript
jQuery实现Email邮箱地址自动补全功能代码
2015/11/03 Javascript
JavaScript知识点总结(四)之逻辑OR运算符详解
2016/05/31 Javascript
javascript实现右下角广告框效果
2017/02/01 Javascript
node安装--linux下的快速安装教程
2017/03/21 Javascript
JavaScript箭头函数_动力节点Java学院整理
2017/06/28 Javascript
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
2017/08/23 jQuery
浅谈Koa2框架利用CORS完成跨域ajax请求
2018/03/06 Javascript
浅析Proxy可以优化vue的数据监听机制问题及实现思路
2018/11/29 Javascript
Vue编程式跳转的实例代码详解
2019/07/10 Javascript
快速解决layui弹窗按enter键不停弹窗的问题
2019/09/18 Javascript
python统计字符串中指定字符出现次数的方法
2015/04/04 Python
Python字符串匹配算法KMP实例
2015/07/18 Python
Python之Web框架Django项目搭建全过程
2017/05/02 Python
python 中random模块的常用方法总结
2017/07/08 Python
PyTorch基本数据类型(一)
2019/05/22 Python
基于Python实现ComicReaper漫画自动爬取脚本过程解析
2019/11/11 Python
解决django model修改添加字段报错的问题
2019/11/18 Python
python画蝴蝶曲线图的实例
2019/11/21 Python
Python sorted对list和dict排序
2020/06/09 Python
python属于软件吗
2020/06/18 Python
python单例模式的应用场景实例讲解
2021/02/24 Python
基于css3仿造window7的开始菜单
2010/06/17 HTML / CSS
英国最专业的健身器材供应商之一:Best Gym Equipment
2017/12/22 全球购物
机械制造与自动化应届生求职信
2013/11/16 职场文书
《莫高窟》教学反思
2014/02/25 职场文书
幼儿教师师德培训心得体会
2016/01/09 职场文书
2016学习全国教书育人楷模先进事迹心得体会
2016/01/21 职场文书
教育教学工作反思
2016/02/24 职场文书
Go本地测试解耦任务拆解及沟通详解Go本地测试的思路沟通的重要性总结
2022/06/21 Golang