• Register

页面载入的动画效果js源代码

页面载入时等待页面的加载效果

效果一:

效果二:  

xml 代码
 
  1. <HTML><HEAD><TITLE>::诺豆网 —— nuodou.com _页面载入中......::</TITLE> 
  2. <META content="text/html; charset=gb2312" http-equiv=Content-Type> 
  3. <META NAME="author" CONTENT="haibor"> 
  4. <META NAME="keywords" CONTENT="haibor,nuodou"> 
  5. <STYLE type=text/css>TD { 
  6. FONT-FAMILY: 宋体; FONT-SIZE: 12px; LETTER-SPACING: 2px; LINE-HEIGHT: 150%; font-color: #000000 

  7. FORM { 
  8. FONT-FAMILY: 宋体; FONT-SIZE: 12px; LETTER-SPACING: 2px; LINE-HEIGHT: 150%; font-color: #000000 

  9. SELECT { 
  10. FONT-FAMILY: 宋体; FONT-SIZE: 12px; LETTER-SPACING: 2px; LINE-HEIGHT: 150%; font-color: #000000 

  11. INPUT { 
  12. FONT-FAMILY: 宋体; FONT-SIZE: 12px; LETTER-SPACING: 2px; LINE-HEIGHT: 150%; font-color: #000000 

  13. TEXTAREA { 
  14. FONT-FAMILY: 宋体; FONT-SIZE: 12px; LETTER-SPACING: 2px; LINE-HEIGHT: 150%; font-color: #000000 

  15. BODY { 
  16. FONT-FAMILY: 宋体; FONT-SIZE: 12px; LETTER-SPACING: 2px; LINE-HEIGHT: 150%; font-color: #000000 

  17. A:link { 
  18. COLOR: #666666; FONT-SIZE: 10.5pt; TEXT-DECORATION: none 

  19. A:visited { 
  20. COLOR: #666666; FONT-SIZE: 10.5pt; TEXT-DECORATION: none 

  21. A:hover { 
  22. COLOR: #666666; FONT-SIZE: 10.5pt; TEXT-DECORATION: none 

  23. A:active { 
  24. COLOR: #666666; FONT-SIZE: 10.5pt; TEXT-DECORATION: none 

  25. </STYLE> 
  26.  
  27. <SCRIPT language=JavaScript>  
  28. var url = 'http://www.haibor8.cn';  
  29. </SCRIPT> 
  30.  
  31. <META content="Microsoft FrontPage 4.0" name=GENERATOR> 
  32. <STYLE>.proccess { 
  33. BACKGROUND: #ffffff; BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; HEIGHT: 8px; MARGIN: 3px; WIDTH: 8px 

  34. </STYLE> 
  35.  
  36. </HEAD> 
  37. <BODY onload="location.href = url;"  
  38. style="OVERFLOW: hidden; OVERFLOW-Y: hidden"> 
  39. <DIV align=center> 
  40. <TABLE align=center height="70%" valign="middle"> 
  41.   <TBODY> 
  42.   <TR> 
  43. <TD align=middle><p></p> 

  44.    

  45. <!--  Displaytext--> 

  46. :: chinaz.com :: is now loading...  

  47. <P></P> 

  48.   <FONT class=fontbig> 诺豆网 首页载入ing..... 

  49.  
  50.   <!--End Displaytext--> 

  51.   <P></P> 

  52.   <P></P> 

  53.   <P></P> 

  54.   <P></P> 

  55.   <DIV align=center>  

  56. <FORM method=post name=proccess> 

  57.   <SCRIPT language=javascript> 

  58. for(i=0;i<30;i++)document.write("<input class=proccess>") 
  59. </SCRIPT> 
  60. </FORM> 

  61.   </DIV> 

  62.   </font></TD> 

  63.   </TR></TBODY></TABLE> 

  64. <DIV align=center> 
  65. <SCRIPT language=JavaScript><!-- 
  66. var p=0,j=0
  67. var c=new Array("lightskyblue","white") 
  68. setInterval('proccess();',100) 
  69. function proccess(){ 
  70. document.forms.proccess.elements[p].style.background=c[j]; 

  71. p+=1; 

  72. if(p==30){p=0;j=1-j;}} 

  73. --></SCRIPT> 
  74. </DIV></DIV> 
  75. <DIV align=center> 
  76. <SCRIPT> 
  77. <!-- 
  78. if (document.layers)  
  79.   document.write('<Layer src="' + url + ' " VISIBILITY="hide"> </Layer>');  
  80.   else if (document.all || document.getElementById)  
  81.    document.write('<iframe src="' + url&n

    bsp;+ '" style="visibility: hidden;"></iframe>');  

  82. else location.href = url
  83. //--> 
  84. </SCRIPT> 
  85. </DIV></BODY></HTML>
版权声明:转载请注明来自杨俊伟博客,本文地址:http://yangjunwei.com/a/55.html
除非注明,杨俊伟博客文章均为原创,转载请注明出处和链接!
 

沙发木了,占个板凳也不错~ »

发表评论 

我还是想用邮箱注册

登录

忘记密码 ?

用第三方帐号快捷登录

已有账户?前往登录吧~

注册