用JavaScript语言制作俄罗斯方块时如何把堆齐的一排取消掉，并将上面的图形不变自动下落

Question

用JavaScript语言制作俄罗斯方块时如何把堆齐的一排取消掉，并将上面的图形不变自动下落

Answer 1

http://www.jb51.net/article/16532.htm这里面有一个代注释的，基本上是擦出，重绘

Answer 2

“把堆齐的一排取消掉”这个有两种方式：移除元素：http://topic.csdn.net/u/20090622/09/4bd25aff-91af-4e1b-9d96-625fed3c1898.html
更改元素样式：http://topic.csdn.net/u/20091013/09/0eae15ca-576d-447f-8018-c34a8f7d43a0.html“并将上面的图形不变自动下落”
这个需要有一个Groups的概念，要维护这样一个组，参见：http://topic.csdn.net/u/20091013/09/0eae15ca-576d-447f-8018-c34a8f7d43a0.html

Answer 3

每行的div加个num属性，每有一个格子是方块的就加上1，落到底后要是num等于列数了就把这行消掉，再在最上新加一行<div style="border:1px solid black;width:200px;">
    <div num="0">
        <div style="width:18px; border:1px solid black;float:left"></div>
        <div style="width:18px; border:1px solid black;float:left"></div>
        <div style="width:18px; border:1px solid black;float:left"></div>
        <div style="width:18px; border:1px solid black;float:left"></div>
        <div style="width:18px; border:1px solid black;float:left"></div>
        <div style="width:18px; border:1px solid black;float:left"></div>
        <div style="width:18px; border:1px solid black;float:left"></div>
        <div style="width:18px; border:1px solid black;float:left"></div>
        <div style="width:18px; border:1px solid black;float:left"></div>
        <div style="width:18px; border:1px solid black;float:left"></div>
    </div>
    <div num="0">
        <div style="width:18px; border:1px solid black;float:left"></div>
        <div style="width:18px; border:1px solid black;float:left"></div>
        <div style="width:18px; border:1px solid black;float:left"></div>
        <div style="width:18px; border:1px solid black;float:left"></div>
        <div style="width:18px; border:1px solid black;float:left"></div>
        <div style="width:18px; border:1px solid black;float:left"></div>
        <div style="width:18px; border:1px solid black;float:left"></div>
        <div style="width:18px; border:1px solid black;float:left"></div>
        <div style="width:18px; border:1px solid black;float:left"></div>
        <div style="width:18px; border:1px solid black;float:left"></div>
    </div>
</div>