日期:2014-05-16  浏览次数:20484 次

【散分】【又写了个 JavaScript 小游戏】
ie 6,7 火狐3.6 测试通过。
晚上看到MFC区的一个朋友写了个彩球游戏,一时心血来潮 我也山寨了个。
游戏规则:两个或以上相同的球点击消除
HTML code

<!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 obj=
            {
                //行数
                rows:12,//12
                //列数
                cols:11,//11
                //记录选中球周围的同色球的td对象
                arrBall:null,
                //向右整体移动时,记录左边的空行数
                nullcol:0,

                imgarr:new Array("http://i3.6.cn/cvbnm/2d/09/1b/a8a3c16e83db7628b256791ab4e0df9e.gif",
                                "http://i3.6.cn/cvbnm/7d/d9/08/3da5c4034a7f5b2c02e297c0960f7d8a.gif",
                                "http://i3.6.cn/cvbnm/1e/b7/b6/2606486ac70d45dfa703ec59982413c4.gif",
                                "http://i3.6.cn/cvbnm/e5/d1/8d/342243e5d16905c301ce6934f262da4b.gif",
                                "http://i3.6.cn/cvbnm/dc/5c/86/2ab9704d95b4cdb4a7b0e8d53d22acdd.gif"),
                
                //创建游戏界面
                createTable:function()
                {
                    var tabobj=document.createElement("table");
                    tabobj.style.border="black solid 1px";
                    tabobj.cellSpacing="0";
                    tabobj.cellPadding="0";
                    tabobj.style.width=obj.cols*40+"px";
                    tabobj.style.height=obj.rows*40+"px";

                    var tbodyobj=document.createElement("tbody");

                    tabobj.appendChild(tbodyobj);

                    for(var i=0;i<obj.rows;i++)
                    {
                        var trobj=document.createElement("tr");

                        for(var j=0;j<obj.cols;j++)
                        {
                            var tdobj=document.createElement("td");
                            tdobj.id=i+"_"+j;
                            tdobj.style.width="40px";
                            tdobj.style.height="40px";
                            tdobj.style.border="white solid 1px";
                            
                            tdobj.onclick=obj.getSelectBall;

                            var imgobj=document.createElement("img");
                            imgobj.src=obj.imgarr[obj.randomBall()];

                            tdobj.appendChild(imgobj);

                            trobj.appendChild(tdobj);
                        }

                        tbodyobj.appendChild(trobj);
                    }

                    tabobj.appendChild(tbodyobj);
                    document.getElementById("mapid").appendChild(tabobj);
                },
                
                //随机五彩球
                randomBall:function()
                {
                    var v=Math.round(Math.random()*10);
                    while(v>4)
                    {
                         v=Math.round(Math.random()*10);
                    }
                    return v;
                },
                
                getSelectBall:function()
                {
                    //if(this.style.border=="white 1px solid")
                    if(this.style.border.indexOf("white")!=-1)
                    {
                        //取消刚刚选中的球
                        if(obj.arrBall!=null)
                        {
                            for(var i=0;i<obj.arrBall.length;i++)
                            {