漂亮的loading页面代码

2018-5-16 金莎网 HTML

<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<meta name="keywords" content="站长,网页特效,网页特效代码,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网,站长必备js特效及广告代码。大量高质量js特效,提供高质量广告代码下载,尽在站长特效网" />
<title>网页特效 很酷的网页加载Loading效果 站长特效网欢迎您。</title>
</head>
<body>

<div style="margin-top:40;margin-left:40;margin-right:0">
<p> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </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>
</form>
<div align="center">
<script language="JavaScript">
<!--
var p=0,j=0;
var c=new Array("#FF6600","#ffffff")
setInterval('proccess();',5)
function proccess(){
document.forms.proccess.elements[p].style.background=c[j];
p+=1;

if(p==200){p=0;j=1-j;}}
-->
</script>
</div>
</div>

</body>
</html>

标签: 实例

Powered by emlog 京ICP备15030633号-2