很酷的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 相关文章推荐
jquery分析文本里url或邮件地址为真实链接的方法
Jun 20 Javascript
js获取鼠标位置实例详解
Dec 09 Javascript
jQuery Ajax Post 回调函数不执行问题的解决方法
Aug 15 Javascript
js复制内容到剪贴板代码,js复制代码的简单实例
Oct 27 Javascript
Mac下使用charles遇到的问题以及解决办法
Jan 10 Javascript
在点击div中的p时,如何阻止事件冒泡
Feb 07 Javascript
Ionic2调用本地SQlite实例
Apr 22 Javascript
JS自定义滚动条效果简单实现代码
Oct 27 Javascript
element上传组件循环引用及简单时间倒计时的实现
Oct 01 Javascript
详解ES6数组方法find()、findIndex()的总结
May 12 Javascript
React实现类似淘宝tab居中切换效果的示例代码
Jun 02 Javascript
Echarts在Taro微信小程序开发中的踩坑记录
Nov 09 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
Zend framework处理一个http请求的流程分析
2010/02/08 PHP
PHP安全防范技巧分享
2011/11/03 PHP
ThinkPHP实例化模型的四种方法概述
2014/08/22 PHP
8个PHP程序员常用的功能汇总
2014/12/18 PHP
php自定义错误处理用法实例
2015/03/20 PHP
WordPress的文章自动添加关键词及关键词的SEO优化
2016/03/01 PHP
使用ThinkPHP的自动完成实现无限级分类实例详解
2016/09/02 PHP
PHP实现绘制二叉树图形显示功能详解【包括二叉搜索树、平衡树及红黑树】
2017/11/16 PHP
小型js框架veryide.librar源代码
2009/03/05 Javascript
使用jQuery模板来展现json数据的代码
2010/10/22 Javascript
javascript之Partial Application学习
2013/01/10 Javascript
js和php如何获取当前url的内容
2013/09/22 Javascript
JavaScript利用正则表达式去除日期中的-
2014/06/09 Javascript
NodeJS学习笔记之FS文件模块
2015/01/13 NodeJs
nodejs多版本管理总结
2018/04/03 NodeJs
element vue Array数组和Map对象的添加与删除操作
2018/11/14 Javascript
JS实现数组去重,显示重复元素及个数的方法示例
2019/01/21 Javascript
使用 node.js 模仿 Apache 小部分功能
2019/07/07 Javascript
JavaScript canvas仿代码流瀑布
2020/02/10 Javascript
一篇文章带你使用Typescript封装一个Vue组件(简单易懂)
2020/06/05 Javascript
vue3.0自定义指令(drectives)知识点总结
2020/12/27 Vue.js
[25:45]2018DOTA2亚洲邀请赛4.5SOLO赛 Sylar vs Paparazi
2018/04/06 DOTA
python算法演练_One Rule 算法(详解)
2017/05/17 Python
python实现NB-IoT模块远程控制
2018/06/20 Python
python常见字符串处理函数与用法汇总
2019/10/30 Python
如何快速一次性卸载所有python包(第三方库)呢
2020/10/20 Python
初中美术教学反思
2014/01/29 职场文书
高一新生军训感言
2014/03/02 职场文书
党的群众路线教育实践活动总结报告
2014/04/28 职场文书
运动会铅球比赛加油稿
2014/09/26 职场文书
2015年网络管理员工作总结
2015/05/21 职场文书
2019个人工作总结
2019/06/21 职场文书
小学毕业教师寄语
2019/06/21 职场文书
让人瞬间清醒的句子,句句经典,字字如金
2019/07/08 职场文书
简短的人生哲理(38句)
2019/08/13 职场文书
GO中sync包自由控制并发示例详解
2022/08/05 Golang