很酷的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学习随笔(使用window和frame)的技巧
Mar 08 Javascript
JavaScript入门教程(1) 什么是JS
Jan 31 Javascript
Flash图片上传组件 swfupload使用指南
Mar 14 Javascript
JavaScript代码性能优化总结篇
May 15 Javascript
使用node.js实现微信小程序实时聊天功能
Aug 13 Javascript
vue-cli2.0转3.0之项目搭建的详细步骤
Dec 11 Javascript
详解超简单的react服务器渲染(ssr)入坑指南
Feb 28 Javascript
基于vue实现web端超大数据量表格的卡顿解决
Apr 02 Javascript
ES6模板字符串和标签模板的应用实例分析
Jun 25 Javascript
微信小程序本地存储实现每日签到、连续签到功能
Oct 09 Javascript
JavaScript array常用方法代码实例详解
Sep 02 Javascript
二维码条形码生成的JavaScript脚本库
Jul 07 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
计数器详细设计
2006/10/09 PHP
PHP+FFMPEG实现将视频自动转码成H264标准Mp4文件
2014/09/24 PHP
PHP与MYSQL中UTF8 中文排序示例代码
2014/10/23 PHP
PHP中使用imagick生成PSD文件缩略图教程
2015/01/26 PHP
PHP高并发和大流量解决方案整理
2019/12/24 PHP
基于PHP的微信公众号的开发流程详解
2020/08/07 PHP
JavaScript中的isXX系列是否继续使用的分析
2011/04/16 Javascript
更换select下拉菜单背景样式的实现代码
2011/12/20 Javascript
基于jQuery的弹出框插件
2012/03/18 Javascript
jQuery中ajax的get()方法用法实例
2014/12/26 Javascript
javascript使用shift+click实现选择和反选checkbox的方法
2015/05/04 Javascript
基于jQuery仿淘宝产品图片放大镜特效
2020/10/19 Javascript
javascript将中国数字格式转换成欧式数字格式的简单实例
2016/08/02 Javascript
关于Vue.js一些问题和思考学习笔记(1)
2016/12/02 Javascript
10道典型的JavaScript面试题
2017/03/22 Javascript
javascript实现下雨效果
2017/03/27 Javascript
Vue.js学习笔记之常用模板语法详解
2017/07/25 Javascript
js封装成插件的步骤方法
2017/09/11 Javascript
AngularJS中控制器函数的定义与使用方法示例
2017/10/10 Javascript
vue下拉列表功能实例代码
2018/04/08 Javascript
微信公众平台 发送模板消息(Java接口开发)
2019/04/17 Javascript
Vue.js轮播图走马灯代码实例(全)
2019/05/08 Javascript
浅谈Python程序与C++程序的联合使用
2015/04/07 Python
基于pandas数据样本行列选取的方法
2018/04/20 Python
Python爬取qq空间说说的实例代码
2018/08/17 Python
Python 中Django安装和使用教程详解
2019/07/03 Python
python之array赋值技巧分享
2019/11/28 Python
sklearn+python:线性回归案例
2020/02/24 Python
通过Django Admin+HttpRunner1.5.6实现简易接口测试平台
2020/11/11 Python
墨尔本复古时尚品牌:Dangerfield
2018/12/12 全球购物
四风问题自查报告剖析材料
2014/02/08 职场文书
2014年销售内勤工作总结
2014/12/01 职场文书
转正申请报告格式
2015/05/15 职场文书
初中政治教师教学反思
2016/02/23 职场文书
利用Python+OpenCV三步去除水印
2021/05/28 Python
使用MybatisPlus打印sql语句
2022/04/22 SQL Server