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>