很酷的javascript loading效果代码

 更新时间:2008年06月18日 20:56:12   作者:  
很不错的loading效果代码,方便学习loading的朋友测试与学习
复制代码 代码如下:

<font color=red><script language="JavaScript"> 
<!-- 
var url = 'https://www.jb51.net'; ///这里是你的网址  
//--> 
</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倒计时定时器和间隔定时器使用详解

    这篇文章主要为大家介绍了JavaScript倒计时定时器和间隔定时器使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪<BR>
    2023-05-05
  • 十个利用JavaScript实现的爱心动画特效

    十个利用JavaScript实现的爱心动画特效

    情人节将至,程序员证明自己不是直男的时候到啦!小编为大家准备了十个通过JavaScript实现的爱心动画特效,快学起来,到时候给女朋友一个惊喜吧
    2022-02-02
  • DOM操作原生js 的bug,使用jQuery 可以消除的解决方法

    DOM操作原生js 的bug,使用jQuery 可以消除的解决方法

    下面小编就为大家带来一篇DOM操作原生js 的bug,使用jQuery 可以消除的解决方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • JS函数重载的解决方案

    JS函数重载的解决方案

    在面向对象的编程中,很多语言都支持函数重载,能根据函数传递的不同个数、类型的参数来做不同的操作,JS对它却不支持,需要我们额外做些小动作。
    2014-05-05
  • JS实现iframe自适应高度的方法(兼容IE与FireFox)

    JS实现iframe自适应高度的方法(兼容IE与FireFox)

    这篇文章主要介绍了JS实现iframe自适应高度的方法,涉及javascript与iframe交互动态操作页面元素属性的相关技巧,需要的朋友可以参考下
    2016-06-06
  • javascript中checkbox使用方法实例演示

    javascript中checkbox使用方法实例演示

    这篇文章通过简单的实例演示了javascript中checkbox使用方法,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • 利用JS+ES6新增字符串操作方法汇总(共47种方法)

    利用JS+ES6新增字符串操作方法汇总(共47种方法)

    字符串的操作是任何一门计算机语言都必须面对的问题,下面这篇文章主要给大家介绍了关于利用JS+ES6新增字符串操作方法的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-12-12
  • JavaScript事件委托(事件代理)举例详解

    JavaScript事件委托(事件代理)举例详解

    JavaScript事件委托是一种常见的优化性能的技术,它利用了事件冒泡的机制,将事件处理程序绑定在父元素上,而不是绑定在每个子元素上,这篇文章主要给大家介绍了关于JavaScript事件委托(事件代理)的相关资料,需要的朋友可以参考下
    2024-03-03
  • JavaScript Promise多并发问题的解决方法详解

    JavaScript Promise多并发问题的解决方法详解

    提起控制并发,大家应该不陌生,这篇文章主要来和大家介绍一下JavaScript如何解决Promise多并发问题,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-09-09
  • 原生js实现打字动画游戏

    原生js实现打字动画游戏

    本文主要分享了原生js实现打字动画游戏的示例代码。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02

最新评论