首页 > 网络编程 > JavaScript > 网页特效 > 典型特效 > 从csdn弄下来的页面预先载入效果 2007-03-05 00:00:00 作者： 从csdn弄下来的页面预先载入效果 <html> <head> <title> 请稍等... </title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css"> td,form,select,input,textarea,body { font-family: 宋体; font-color:#000000; font-size: 12px; line-height:150%; letter-spacing:2px } a:link { font-size: 9pt; text-decoration: none; color: #666666 } a:visited { font-size:9pt; text-decoration: none; color: #666666 } a:hover { text-decoration: none; font-size: 9pt; color: #666666 } a:active { font-size: 9px; text-decoration: none; color: #666666 } </style> <script> var url='https://www.jb51.net'; </script> </head> <body onLoad="location.href=url;" style='overflow:hidden;overflow-y:hidden'> <div align=center> <table height=70% valign=middle align=center> <tr> <td align="center" disabled> <!-- Displaytext--> <font class=fontbig>页面读取中，请等待...... </font> <p></p><p></p> <style><!--.proccess{border:1px solid;width:8;height:8;background:#ffffff;margin:3}--></style> <p></p><p></p> <div align="center"> <form method=post name=proccess> <script language=javascript> for(i=0;i<30;i++)document.write("<input class=proccess>") </script> </form> </div> </td> </tr> </table> <div align="center"> <script language=JavaScript> <!-- var p=0,j=0; var c=new Array("lightskyblue","white") setInterval('proccess();',100) function proccess(){ document.forms.proccess.elements[p].style.background=c[j]; p+=1; if(p==30){ p=0;j=1-j; } } //--> </script> </div> </div> <div align="center"> <script> <!-- if(document.layers) document.write('<Layer src="3/' + url + ' " VISIBILITY="hide"> </Layer>'); else{ if(document.all || document.getElementById) document.write('<iframe src="3/' + url + '" style="visibility: hidden;"></iframe>'); else location.href=url; } //--> </script> </div> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
