很酷的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 相关文章推荐
ExtJS下 Ext.Direct加载和提交过程排错小结
Apr 02 Javascript
jquery提示效果实例分析
Nov 25 Javascript
javascript判断图片是否加载完成的方法推荐
May 13 Javascript
详解JavaScript的内置对象
Dec 07 Javascript
JS实现搜索框文字可删除功能
Dec 28 Javascript
jQuery UI仿淘宝搜索下拉列表功能
Jan 10 Javascript
jQuery仿IOS弹出框插件
Feb 18 Javascript
详解vue的数据binding绑定原理
Apr 12 Javascript
Vue路由跳转问题记录详解
Jun 15 Javascript
jQuery实现的自定义轮播图功能详解
Dec 28 jQuery
Vue的Eslint配置文件eslintrc.js说明与规则介绍
Feb 03 Javascript
jQuery+ajax实现文件上传功能
Dec 22 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
php微信开发之自定义菜单实现
2016/11/18 PHP
PHP中使用CURL发送get/post请求上传图片批处理功能
2018/10/15 PHP
PHP var关键字相关原理及使用实例解析
2020/07/11 PHP
jQuery参数列表集合
2011/04/06 Javascript
简单的js表单验证函数
2013/10/28 Javascript
JavaScript使用二分查找算法在数组中查找数据的方法
2015/04/07 Javascript
javascript实现树形菜单的方法
2015/07/17 Javascript
关于session和cookie的简单理解
2016/06/08 Javascript
手动初始化Angular的模块与控制器
2016/12/26 Javascript
JavaScript正则表达式替换字符串中图片地址(img src)的方法
2017/01/13 Javascript
Angularjs 依赖压缩及自定义过滤器写法
2017/02/04 Javascript
jQuery实现的文字逐行向上间歇滚动效果示例
2017/09/06 jQuery
在Vue中使用Compass的方法
2018/03/02 Javascript
JavaScript函数apply()和call()用法与异同分析
2018/08/10 Javascript
vue中tab选项卡的实现思路
2018/11/25 Javascript
angular中如何绑定iframe中src的方法
2019/02/01 Javascript
微信小程序登录数据解密及状态维持实例详解
2019/05/06 Javascript
小程序组件之自定义顶部导航实例
2019/06/12 Javascript
python 图片验证码代码
2008/12/07 Python
python实时分析日志的一个小脚本分享
2017/05/07 Python
Python2.7下安装Scrapy框架步骤教程
2017/12/22 Python
python爬虫获取淘宝天猫商品详细参数
2020/06/23 Python
Mac在python3环境下安装virtualwrapper遇到的问题及解决方法
2019/07/09 Python
Python截图并保存的具体实例
2021/01/14 Python
俄罗斯皮肤健康中心:Pharmacosmetica.ru
2020/02/22 全球购物
大学本科毕业生的自我鉴定
2013/11/26 职场文书
数控技术应用个人求职信范文
2014/02/03 职场文书
会计电算化学生个人的自我评价
2014/02/08 职场文书
廉洁使者实施方案
2014/03/29 职场文书
学校爱国卫生月活动总结
2014/06/25 职场文书
党的群众路线学习笔记
2014/11/06 职场文书
建国大业电影观后感
2015/06/01 职场文书
心理健康教育主题班会
2015/08/13 职场文书
(开源)微信小程序+mqtt,esp8266温湿度读取
2021/04/02 Javascript
Win10系统下配置Java环境变量
2021/06/13 Java/Android
MySQL批量更新不同表中的数据
2022/05/11 MySQL