在页面左上方不停地有0和1数字落下来,是很有时代性的效果 - 中国WEB开发者网络 (http://www.webasp.net) -- 网页特效 (http://www.webasp.net/javascript/) --- 在页面左上方不停地有0和1数字落下来,是很有时代性的效果 (http://www.webasp.net/javascript/1/700.htm) |
| -- 发布日期: 2005-06-29 |
| <!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供! --> <!-- 要实现此效果需要 1 个步骤: --> <!-- 第 1 步: --> <!-- 把下面的代码加到<BODY></BODY>区域中: --> <script language="JavaScript"> <!-- Matrix by kurt.grigg@virgin.net if (document.all){ X=new Array(); for(i=0; i < 3; i++){ X[i]=Math.round(Math.random()*1) } Imsg='0'+' '+'1'+' '+'0'+' '+'1'+' '+'0'+' ' +X[0]+' '+X[1]+' '+X[1]+' '+'0'+' '+'1'+' '; var msg=Imsg+Imsg; L=msg.length; L2=msg.length-10; I=-10; S=new Array(); T=new Array(); mix=new Array(); stp=new Array(); pos=new Array(); txt=new Array(); O=new Array(); RC=new Array("1","0"); document.write("<div id='Container' style='position:absolute;top:0;left:0'>") for(i=0; i < msg.length/2; i++){ S[i]=I+=12; document.write("<div id='A' style='position:absolute;top:0;left:"+S[i]+";width:10;height:100px;" +"font-family:Arial,Verdana;font-size:12px;color:#00bb00'></div>"); } document.write("</div>"); for(i=0; i < msg.length/2; i++){ T[i]=msg; pos[i]=0; stp[i]=Math.random()*2; mix[i]=Math.round(Math.random()*6); O[i]=40+Math.round(Math.random()*60); } function Matrix(){ var r=Math.floor(Math.random()*RC.length); var Q="<div style='position:relative;color:#00ff00'>"+RC[r]+"</div>"; Container.style.top=window.document.body.scrollTop; for(i=0; i < msg.length/2; i++){ pos[i]+=stp[i]; txt[i]=T[i].substring(mix[i],pos[i])+' '+Q+' '; A[i].innerHTML=txt[i]; A[i].style.filter='alpha(opacity = '+O[i]+')'; if (pos[i] > L){ pos[i]=0; stp[i]=Math.random()*2; L=10+Math.round(Math.random()*L2); mix[i]=Math.round(Math.random()*6); O[i]=40+Math.round(Math.random()*60) } } setTimeout('Matrix()',30); } Matrix(); } // --> </script> |
| webasp.net |