请教各位高手，下面的这个js能否改成面向对象的？

最好把新年快乐改成CSDL哈哈 谢谢了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>霓虹灯特效</title>
<style type="text/css">
body {background-color:black;}
#nhd_id {width:100%;}
table {margin:0 auto;}
</style>
        <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=["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=["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()">
        <br /><br /><br />
        <div id="nhd_id"></div>
    </body>
</html>

解决方案 »

  1.   

    还有 这个 js不是面向对象的，各位高手能否赐教下，小弟js不是强项 呵呵
      

  2.   

    var objName ={
         _i: 0,
         _j: 0,      ...
          createNHD: function()
                {
                 ...            
                },           teXiao1: function ()
                {
                    ...
                },              ...   }
    然后再每个变量调用前使用  this.  如  _i  ->  this._i 函数一样。接着使用   objName.[名字]()调用