曾经写的俄罗斯方块源码 2021-06-13

最新推荐文章于 2024-06-21 09:03:15 发布
anywo01
最新推荐文章于 2024-06-21 09:03:15 发布
阅读量141
点赞数
分类专栏：作品
本文链接：https://blog.csdn.net/y1377593732/article/details/117881832
版权
html js css 游戏
作品专栏收录该内容
19 篇文章 0 订阅
订阅专栏
整理云盘时发现的曾经写的俄罗斯方块源码
用html + js + css写的，感觉到了自己曾经的骄傲
<!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>俄罗斯方块</title>
    <style type="text/css">
        #Layer1 {
            position: absolute;
            left: 329px;
            top: 30px;
            width: 43px;
            height: 129px;
            z-index: 1;
        }

        .auto-style2 {
            width: 20px;
        }

        #Layer2 {
            position: absolute;
            left: 828px;
            top: 36px;
            width: 112px;
            height: 129px;
            z-index: 1;
        }
    </style>
    <script type="text/javascript">
        var model1 = [[1, 0], [1, 0], [1, 1]];
        var model2 = [[0, 1], [0, 1], [1, 1]];
        var model3 = [[0, 1], [1, 1], [1, 0]];
        var model4 = [[1, 0], [1, 1], [0, 1]];
        var model5 = [[1, 1], [1, 1]];
        var model6 = [[1], [1], [1], [1]];

        var dangqian = new Array();
        var dangqianweizhi = [0, 7];

        var zenbu = new Array();
        initZenBu();

        var mBool = true;//是否开启初始化model

        var time;//计时器

        //初始化zenbu数组
        function initZenBu() {
            for (var i = 0; i < 20; i++) {
                var temp = new Array();
                for (var j = 0; j < 15; j++) {
                    temp[j] = 0;
                }
                zenbu[i] = temp;
            }
        }


        //获取id
        function huoquId(x, y) {
            var id = "";
            if (x < 10) id += "0" + x;
            else id += x;
            if (y < 10) id += "0" + y;
            else id += y;
            return id;
        }

        //旋转
        function xuanzhuan() {
            yidongXC();
            //进行判断
            var temp = new Array();
            for (var i = 0; i < dangqian[0].length ; i++) {
                var temp1 = new Array();
                for (var j = 0; j < dangqian.length; j++) {
                    temp1[j] = dangqian[dangqian.length - j - 1][i];
                    if (dangqianweizhi[0] + i >= zenbu.length || dangqianweizhi[1] + j >= zenbu[0].length || temp1[j] == 1 && zenbu[dangqianweizhi[0] + i][dangqianweizhi[1] + j] == 1) {
                        _print();
                        return;
                    }
                }
                temp[i] = temp1;
            }
            dangqian = temp;
            //打印到页面
            _print();
        }

        //左移
        function zuoyi() {
            var bool = true;
            for (var i = 0; i < dangqian.length; i++) {
                var temp;
                for (var j = 0; j < dangqian[0].length; j++) {
                    if (dangqian[i][j] == 1) {
                        temp = j;
                        break;
                    }
                }
                var tempXY = dangqianweizhi.concat();
                tempXY[0] += i;
                tempXY[1] = tempXY[1] + temp - 1;
                if (tempXY[1] < 0 || zenbu[tempXY[0]][tempXY[1]] == 1) {
                    bool = false;
                    break;
                }
            }
            if (bool) {
                //完成实际操作
                yidongXC();
                dangqianweizhi[1] -= 1;
                _print();
            }
        }

        //右移
        function youyi() {
            var bool = true;
            for (var i = 0; i < dangqian.length; i++) {
                var temp;
                for (var j = dangqian[0].length - 1; j >= 0; j--) {
                    if (dangqian[i][j] == 1) {
                        temp = j;
                        break;
                    }
                }
                var tempXY = dangqianweizhi.concat();
                tempXY[0] += i;
                tempXY[1] = tempXY[1] + temp + 1;
                if (tempXY[1] >= zenbu[0].length || zenbu[tempXY[0]][tempXY[1]] == 1) {
                    bool = false;
                    break;
                }
            }
            if (bool) {
                //完成实际操作
                yidongXC();
                dangqianweizhi[1] += 1;
                _print();
            }
        }

        //下移
        function xiayi() {
            var bool = true;
            for (var i = 0; i < dangqian[0].length; i++) {
                var temp;
                for (var j = dangqian.length - 1; j >= 0; j--) {
                    if (dangqian[j][i] == 1) {
                        temp = j;
                        break;
                    }
                }
                var tempXY = dangqianweizhi.concat();
                tempXY[0] = tempXY[0] + temp + 1;
                tempXY[1] += i;
                if (tempXY[0] >= zenbu.length || zenbu[tempXY[0]][tempXY[1]] == 1) {
                    bool = false;
                    break;
                }
            }
            if (bool) {
                //完成实际操作
                yidongXC();
                dangqianweizhi[0] += 1;
                _print();
            } else {
                document.onkeydown = null;
                XiaoChu();
            }
        }

        //整行消除
        function XiaoChu() {
            for (var i = 0; i < dangqian.length; i++) {
                var bool = true;
                for (var j = 0; j < zenbu[0].length; j++) {
                    if (zenbu[dangqianweizhi[0] + i][j] != 1) {
                        bool = false;
                        break;
                    }
                }
                if (bool) {
                    //完成实际操作

                    //清空当前行
                    for (var j = 0; j < zenbu[0].length; j++) {
                        zenbu[dangqianweizhi[0] + i][j] = 0;
                    }
                    //所有上方方块下移
                    for (var o = dangqianweizhi[0] + i; o > 0; o--) {
                        for (var p = o - 1, q = 0; q < zenbu[0].length; q++) {
                            var temp = zenbu[p][q];
                            zenbu[p][q] = zenbu[o][q];
                            zenbu[o][q] = temp;
                        }
                    }
                }
            }
            //重新打印页面
            page_print();
            mBool = true;
        }

        //移动轨迹消除
        function yidongXC() {
            for (var i = 0; i < dangqian.length; i++) {
                for (var j = 0; j < dangqian[0].length; j++) {
                    if (dangqian[i][j] == 1) {
                        zenbu[dangqianweizhi[0] + i][dangqianweizhi[1] + j] = 0;//在数组中消除
                        document.getElementById(huoquId(dangqianweizhi[0] + i, dangqianweizhi[1] + j)).bgColor = "";//在实际页面中消除
                    }
                }
            }
        }

        //重新打印整个页面从数组中
        function page_print() {
            for (var i = 0; i < zenbu.length ; i++) {
                for (var j = 0; j < zenbu[0].length; j++) {
                    if (zenbu[i][j] == 1) {
                        document.getElementById(huoquId(i, j)).bgColor = "#000000";
                    }
                    else document.getElementById(huoquId(i, j)).bgColor = "";
                }
            }
        }
        //打印
        function _print() {
            for (var i = 0; i < dangqian.length; i++) {
                for (var j = 0; j < dangqian[0].length; j++) {
                    if (dangqian[i][j] == 1) {
                        zenbu[dangqianweizhi[0] + i][dangqianweizhi[1] + j] = 1;//在数组中打印
                        document.getElementById(huoquId(dangqianweizhi[0] + i, dangqianweizhi[1] + j)).bgColor = "#000000";//在实际页面中打印
                    }
                }
            }
        }



        //页面初始化事件
        function html_onload() {
            dangqian = model1.concat();
            _print();
            alert("");
            xuanzhuan();
            alert("");
            zuoyi();
            alert("");
            youyi();
            alert("");
            xiayi();
        }

        //随机出现一个形状
        function initModel() {
            var result;
            do {
                result = Math.floor(Math.random() * 10);
            } while (result > 5)
            switch (result) {
                case 0: return model1.concat();
                case 1: return model2.concat();
                case 2: return model3.concat();
                case 3: return model4.concat();
                case 4: return model5.concat();
                case 5: return model6.concat();
            }
        }

        function onkey(e) {
            var e = e || event;
            var keynum;

            if (window.event) // IE
            {
                keynum = e.keyCode;
            }
            else if (e.which) // Netscape/Firefox/Opera
            {
                keynum = e.which;
            }
            /*方向键的code编码
             *左（37）
             *上（38）
             *右（39）
             *下（40）
             */
            switch (keynum) {
                case 37: {
                    zuoyi();
                } break;
                case 38: {
                    xuanzhuan();
                } break;
                case 39: {
                    youyi();
                } break;
                case 40: {
                    xiayi();
                } break;
            }
        }

        //timer事件
        function timer() {
            //初始化model只能存在一个
            if (mBool) {
                dangqian = initModel();
                dangqianweizhi = [0, 7];
                _print();
                document.onkeydown = onkey;
                mBool = false;
            } else {
                xiayi();
            }
            time = setTimeout("timer()", 1000);
        }

        //start按钮点击事件
        function start_onClick() {
            timer();
        }
    </script>
</head>

<body>
    <table border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
            <td valign="top">
                <input name="button" type="button" id="Button1" value="Start" onclick="start_onClick()" /></td>
            <td valign="top">
                <table border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#CCFFCC">
                    <tr>
                        <td width="20" height="20" align="center" valign="middle" id="0000">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0001">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0002">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0003">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0004">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0005">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0006">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0007">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0008">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0009">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0010">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0011">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0012">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0013">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0014">&nbsp;</td>
                    </tr>
                    <tr>
                        <td width="20" height="20" align="center" valign="middle" id="0100">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0101">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0102">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0103">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0104">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0105">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0106">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0107">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0108">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0109">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0110">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0111">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0112">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0113">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0114">&nbsp;</td>
                    </tr>
                    <tr>
                        <td width="20" height="20" align="center" valign="middle" id="0200">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0201">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0202">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0203">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0204">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0205">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0206">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0207">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0208">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0209">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0210">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0211">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0212">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0213">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0214">&nbsp;</td>
                    </tr>
                    <tr>
                        <td width="20" height="20" align="center" valign="middle" id="0300">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0301">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0302">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0303">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0304">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0305">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0306">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0307">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0308">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0309">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0310">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0311">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0312">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0313">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0314">&nbsp;</td>
                    </tr>
                    <tr>
                        <td width="20" height="20" align="center" valign="middle" id="0400">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0401">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0402">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0403">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0404">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0405">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0406">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0407">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0408">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0409">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0410">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0411">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0412">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0413">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0414">&nbsp;</td>
                    </tr>
                    <tr>
                        <td width="20" height="20" align="center" valign="middle" id="0500">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0501">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0502">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0503">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0504">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0505">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0506">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0507">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0508">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0509">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0510">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0511">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0512">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0513">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0514">&nbsp;</td>
                    </tr>
                    <tr>
                        <td width="20" height="20" align="center" valign="middle" id="0600">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0601">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0602">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0603">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0604">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0605">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0606">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0607">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0608">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0609">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0610">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0611">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0612">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0613">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0614">&nbsp;</td>
                    </tr>
                    <tr>
                        <td width="20" height="20" align="center" valign="middle" id="0700">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0701">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0702">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0703">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0704">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0705">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0706">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0707">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0708">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0709">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0710">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0711">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0712">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0713">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0714">&nbsp;</td>
                    </tr>
                    <tr>
                        <td width="20" height="20" align="center" valign="middle" id="0800">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0801">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0802">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0803">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0804">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0805">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0806">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0807">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0808">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0809">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0810">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0811">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0812">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0813">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0814">&nbsp;</td>
                    </tr>
                    <tr>
                        <td width="20" height="20" align="center" valign="middle" id="0900">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0901">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0902">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0903">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0904">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0905">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0906">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0907">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0908">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0909">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0910">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0911">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0912">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0913">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="0914">&nbsp;</td>
                    </tr>
                    <tr>
                        <td width="20" height="20" align="center" valign="middle" id="1000">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1001">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1002">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1003">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1004">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1005">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1006">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1007">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1008">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1009">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1010">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1011">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1012">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1013">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1014">&nbsp;</td>
                    </tr>
                    <tr>
                        <td width="20" height="20" align="center" valign="middle" id="1100">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1101">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1102">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1103">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1104">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1105">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1106">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1107">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1108">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1109">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1110">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1111">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1112">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1113">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1114">&nbsp;</td>
                    </tr>
                    <tr>
                        <td width="20" height="20" align="center" valign="middle" id="1200">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1201">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1202">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1203">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1204">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1205">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1206">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1207">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1208">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1209">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1210">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1211">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1212">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1213">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1214">&nbsp;</td>
                    </tr>
                    <tr>
                        <td width="20" height="20" align="center" valign="middle" id="1300">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1301">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1302">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1303">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1304">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1305">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1306">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1307">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1308">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1309">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1310">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1311">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1312">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1313">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1314">&nbsp;</td>
                    </tr>
                    <tr>
                        <td width="20" height="20" align="center" valign="middle" id="1400">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1401">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1402">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1403">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1404">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1405">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1406">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1407">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1408">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1409">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1410">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1411">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1412">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1413">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1414">&nbsp;</td>
                    </tr>
                    <tr>
                        <td width="20" height="20" align="center" valign="middle" id="1500">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1501">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1502">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1503">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1504">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1505">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1506">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1507">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1508">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1509">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1510">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1511">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1512">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1513">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1514">&nbsp;</td>
                    </tr>
                    <tr>
                        <td width="20" height="20" align="center" valign="middle" id="1600">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1601">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1602">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1603">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1604">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1605">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1606">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1607">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1608">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1609">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1610">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1611">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1612">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1613">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1614">&nbsp;</td>
                    </tr>
                    <tr>
                        <td width="20" height="20" align="center" valign="middle" id="1700">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1701">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1702">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1703">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1704">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1705">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1706">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1707">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1708">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1709">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1710">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1711">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1712">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1713">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1714">&nbsp;</td>
                    </tr>
                    <tr>
                        <td width="20" height="20" align="center" valign="middle" id="1800">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1801">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1802">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1803">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1804">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1805">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1806">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1807">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1808">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1809">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1810">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1811">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1812">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1813">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1814">&nbsp;</td>
                    </tr>
                    <tr>
                        <td width="20" height="20" align="center" valign="middle" id="1900">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1901">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1902">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1903">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1904">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1905">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1906">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1907">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1908">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1909">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1910">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1911">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1912">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1913">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle" id="1914">&nbsp;</td>
                    </tr>
                </table>
            </td>
            <td valign="top">下一页<br />
                <table border="0" align="left" cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="20" height="20" align="center" valign="middle">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle">&nbsp;</td>
                        <td height="20" align="center" valign="middle" class="auto-style2">&nbsp;</td>
                    </tr>
                    <tr>
                        <td width="20" height="20" align="center" valign="middle">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle">&nbsp;</td>
                        <td height="20" align="center" valign="middle" class="auto-style2">&nbsp;</td>
                    </tr>
                    <tr>
                        <td width="20" height="20" align="center" valign="middle">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle">&nbsp;</td>
                        <td height="20" align="center" valign="middle" class="auto-style2">&nbsp;</td>
                    </tr>
                    <tr>
                        <td width="20" height="20" align="center" valign="middle">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle">&nbsp;</td>
                        <td width="20" height="20" align="center" valign="middle">&nbsp;</td>
                        <td height="20" align="center" valign="middle" class="auto-style2">&nbsp;</td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</body>
</html>
anywo01
关注
0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
曾经写的俄罗斯方块源码 2021-06-13

整理云盘时发现的曾经写的俄罗斯方块源码用html + js + css写的，感觉到了自己曾经的骄傲<!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> <meta h
复制链接

扫一扫
专栏目录