javascript特效之数字下落
时间:2011-01-15 21:40来源: 作者: 点击:
次
javascript特效之数字下落
javascript使用教程说明:
- 第一步:把如下代码加入<body>区域中
- <script language="JavaScript">
- <!--
- if (document.all){
- Cols=6;
- Cl=24;//Space's are included so real length is 48!
- Cs=10;
- Ts=10;
- Tc='#008800';
- Tc1='#00ff00';
- MnS=20;
- MxS=30;
- I=Cs;
- Sp=new Array();S=new Array();Y=new Array();
- C=new Array();M=new Array();B=new Array();
- RC=new Array();E=new Array();Tcc=new Array(0,1);
- document.write("<div id='Container' style='position:absolute;top:0;left:-"+Cs+"'>");
- document.write("<div style='position:relative'>");
- for(i=0; i < Cols; i++){
- S[i]=I+=Cs;
- document.write("<div id='A' style='position:absolute;top:0;font-family:Arial;font-size:"
- +Ts+"px;left:"+S[i]+";width:"+Ts+"px;height:0px;color:"+Tc+";visibility:hidden'></div>");
- }
- document.write("</div></div>");
- for(j=0; j < Cols; j++){
- RC[j]=1+Math.round(Math.random()*Cl);
- Y[j]=0;
- Sp[j]=Math.round(MnS+Math.random()*MxS);
- for(i=0; i < RC[j]; i++){
- B[i]='';
- C[i]=Math.round(Math.random()*1)+' ';
- M[j]=B[0]+=C[i];
- }
- }
- function Cycle(){
- Container.style.top=window.document.body.scrollTop;
- for (i=0; i < Cols; i++){
- var r = Math.floor(Math.random()*Tcc.length);
- E[i] = '<font color='+Tc1+'>'+Tcc[r]+'</font>';
- Y[i]+=Sp[i];
- if (Y[i] > window.document.body.clientHeight){
- for(i2=0; i2 < Cols; i2++){
- RC[i2]=1+Math.round(Math.random()*Cl);
- for(i3=0; i3 < RC[i2]; i3++){
- B[i3]='';
- C[i3]=Math.round(Math.random()*1)+' ';
- C[Math.floor(Math.random()*i2)]=' '+' ';
- M[i]=B[0]+=C[i3];
- Y[i]=-Ts*M[i].length/1.5;
- A[i].style.visibility='visible';
- }
- Sp[i]=Math.round(MnS+Math.random()*MxS);
- }
- }
- A[i].style.top=Y[i];
- A[i].innerHTML=M[i]+' '+E[i]+' ';
- }
- setTimeout('Cycle()',20)
- }
- Cycle();
- }
- // -->
- </script>
- 第二步:把如下代码加入<body>区域中<body bgcolor=black>
|
(责任编辑:admin) |
织梦二维码生成器
------分隔线----------------------------