建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

javascript特效之数字下落

时间:2011-01-15 21:40来源: 作者: 点击:
javascript特效之数字下落
javascript使用教程说明:
  1. 第一步:把如下代码加入<body>区域中
  2. <script language="JavaScript">
  3. <!--
  4. if (document.all){
  5. Cols=6;
  6. Cl=24;//Space's are included so real length is 48!
  7. Cs=10;
  8. Ts=10;
  9. Tc='#008800';
  10. Tc1='#00ff00';
  11. MnS=20;
  12. MxS=30;
  13. I=Cs;
  14. Sp=new Array();S=new Array();Y=new Array();
  15. C=new Array();M=new Array();B=new Array();
  16. RC=new Array();E=new Array();Tcc=new Array(0,1);
  17. document.write("<div id='Container' style='position:absolute;top:0;left:-"+Cs+"'>");
  18. document.write("<div style='position:relative'>");
  19. for(i=0; i < Cols; i++){
  20. S[i]=I+=Cs;
  21. document.write("<div id='A' style='position:absolute;top:0;font-family:Arial;font-size:"
  22. +Ts+"px;left:"+S[i]+";width:"+Ts+"px;height:0px;color:"+Tc+";visibility:hidden'></div>");
  23. }
  24. document.write("</div></div>");

  25. for(j=0; j < Cols; j++){
  26. RC[j]=1+Math.round(Math.random()*Cl);  
  27. Y[j]=0;
  28. Sp[j]=Math.round(MnS+Math.random()*MxS);
  29. for(i=0; i < RC[j]; i++){
  30. B[i]='';
  31. C[i]=Math.round(Math.random()*1)+' ';
  32. M[j]=B[0]+=C[i];
  33. }
  34. }
  35. function Cycle(){
  36. Container.style.top=window.document.body.scrollTop;
  37. for (i=0; i < Cols; i++){
  38. var r = Math.floor(Math.random()*Tcc.length);
  39. E[i] = '<font color='+Tc1+'>'+Tcc[r]+'</font>';
  40. Y[i]+=Sp[i];

  41. if (Y[i] > window.document.body.clientHeight){
  42. for(i2=0; i2 < Cols; i2++){
  43. RC[i2]=1+Math.round(Math.random()*Cl);  
  44. for(i3=0; i3 < RC[i2]; i3++){
  45. B[i3]='';
  46. C[i3]=Math.round(Math.random()*1)+' ';
  47. C[Math.floor(Math.random()*i2)]='&nbsp;'+' ';
  48. M[i]=B[0]+=C[i3];
  49. Y[i]=-Ts*M[i].length/1.5;
  50. A[i].style.visibility='visible';
  51. }
  52. Sp[i]=Math.round(MnS+Math.random()*MxS);
  53. }
  54. }
  55. A[i].style.top=Y[i];
  56. A[i].innerHTML=M[i]+' '+E[i]+' ';
  57. }
  58. setTimeout('Cycle()',20)
  59. }
  60. Cycle();
  61. }
  62. // -->
  63. </script>

  64. 第二步:把如下代码加入<body>区域中<body bgcolor=black>
(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片