JS 霓虹灯(新年快乐)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>霓虹灯特效--wujinjian</title> <script type="text/javascript"> var _i=0; var _j=0; var len=3; var scrollrgb; var te2_j=1; var te2_jB=28; var te2B=8; var te3i=1; var te3j=1; var te3_iB=1; var te3_jB=1; var te4_js=50; var te2Time; var te3Time; var te4Time; var zorZ2=1; //"新年"两个字所占的格子 var z=new Array("2_4","2_10","3_2","3_3","3_4","3_5","3_6","3_9","4_3","4_5","4_8","4_9","5_1","5_2","5_3","5_4", "5_5","5_6","5_7","5_8","5_9","5_10","5_11","5_12","5_13","6_8","6_12","7_3","7_4","7_5","7_8","7_12","8_4","8_8", "8_12","9_2","9_3","9_4","9_5","9_6","9_8","9_12","10_4","10_8","10_12","11_2","11_4","11_6","11_8","11_12","12_1", "12_4","12_7","12_8","12_12","13_3","13_4","13_6","13_7","13_12","2_20","2_21","3_19","3_20","4_19","4_20","4_21", "4_22","4_23","4_24","4_25","4_26","4_27","5_17","5_18","5_23","6_16","6_17","6_20","6_21","6_22","6_23","6_24","6_25", "6_26","7_15","7_16","7_20","7_23","8_20","8_23","9_17","9_18","9_19","9_20","9_21","9_22","9_23","9_24","9_25","9_26", "9_27","9_28","10_23","11_23","12_23","13_23"); //"快乐"两个字所占的格子 var z2=new Array("2_3","2_8","2_19","2_20","2_21","2_22","2_23","2_24","2_25","3_3","3_8","3_17","3_18","4_3","4_6","4_7","4_8", "4_9","4_10","4_11","4_17","4_22","5_1","5_3","5_8","5_11","5_17","5_22","6_1","6_3","6_4","6_8","6_11","6_17","6_22","7_1","7_3", "7_5","7_6","7_7","7_8","7_9","7_10","7_11","7_12","7_16","7_17","7_18","7_19","7_20","7_21","7_22","7_23","7_24","7_25","7_26", "7_27","8_1","8_3","8_7","8_9","8_22","9_3","9_6","9_10","9_22","10_3","10_5","10_11","10_18","10_19","10_24","10_25","11_3","11_4", "11_5","11_12","11_13","11_17","11_22","11_26","12_3","12_13","12_20","12_22","13_3","13_21","13_22","10_22"); function createNHD() { var tabobj=document.createElement("table"); tabobj.cellSpacing="0px"; tabobj.style.width="400px"; tabobj.style.height="200px"; tabobj.border="1"; tabobj.borderColor="gray"; var tbodyobj=document.createElement("tbody"); for(var i=0;i<15;i++) { var trobj=document.createElement("tr"); for(var j=0;j<30;j++) { var tdobj=document.createElement("td"); tdobj.id=i+"_"+j var textobj=document.createTextNode(" "); tdobj.appendChild(textobj); trobj.appendChild(tdobj); } tbodyobj.appendChild(trobj); } tabobj.appendChild(tbodyobj); document.getElementById("nhd_id").appendChild(tabobj); teXiao1(); teXiao2(); } function teXiao1() { setTimeout("teXiao1()",10); if(_i==0 && _j==0) { scrollrgb=randomRGB(); } if(_i==0 && _j<29) scroll(0,1); else if(_i<14 && _j==29) scroll(1,0); else if(_i==14 && _j>0) scroll(0,-1); else if(_i>0 && _j==0) scroll(-1,0); } function randomRGB() { return Math.round(Math.random()*255)+","+Math.round(Math.random()*255)+","+Math.round(Math.random()*255); } function scroll(i,j) { _i=_i+i; _j=_j+j; document.getElementById(_i+"_"+_j).style.backgroundColor="rgb("+scrollrgb+")"; } function teXiao2() { te2Time=setTimeout("teXiao2()",10); for(var i=1;i<=13;i++) { document.getElementById(i+"_"+te2_j).style.backgroundColor="rgb(180,0,"+te2B+")"; if(te2_j!=1) document.getElementById(i+"_"+(te2_j-1)).style.backgroundColor=""; } if(te2_j<te2_jB) te2_j++; else { te2_j=1; te2_jB=te2_jB-1; te2B=te2B+8; } if(te2_jB==0) { clearTimeout(te2Time); te2_j=1; te2_jB=28; te2B=8; teXiao3(); } } function teXiao3() { te3Time=setTimeout("teXiao3()",100); while(true) { if(isX(te3i+"_"+te3j)) document.getElementById(te3i+"_"+te3j).style.backgroundColor=""; if(te3i==13 || te3j==1) { if(te3_jB<28) te3_jB++; else te3_iB++; te3i=te3_iB; te3j=te3_jB; if(te3_iB==14) { clearTimeout(te3Time); te3i=1; te3j=1; te3_iB=1; te3_jB=1; teXiao4() } break; } else { te3i++; te3j--; } } } function teXiao4() { te4Time=setTimeout("teXiao4()",100); if(zorZ2==1) arr=z; else arr=z2; for(var i=0;i<arr.length;i++) { document.getElementById(arr[i]).style.backgroundColor="rgb("+randomRGB()+")"; } te4_js--; if(te4_js==0) { clearTimeout(te4Time); if(zorZ2==1) zorZ2=2; else zorZ2=1; te4_js=50; teXiao2(); } } function isX(id) { var isExists=true; var arr=null; if(zorZ2==1) arr=z; else arr=z2; for(var i=0;i<arr.length;i++) { if(arr[i]==id) { isExists=false; break; } } return isExists; } </script> </head> <body onload="createNHD()" style="background-color:black;"> <br><br><br> <div id="nhd_id" style="width:100%" align="center"></div> </body></html>