DOM简单应用

预览图

这里只展示静态的图片，动态的效果就用代码演示了；

1先要在文档中显示100个小方块

<ul id="father">
        <li style="top: 0px;left: 0px;"></li>
        <li style="top: 0px;left: 100px;"></li>
        <li style="top: 0px;left: 200px;"></li>
        <li style="top: 0px;left: 300px;"></li>
        <li style="top: 0px;left: 400px;"></li>
        <li style="top: 0px;left: 500px;"></li>
        <li style="top: 0px;left: 600px;"></li>
        <li style="top: 0px;left: 700px;"></li>
        <li style="top: 0px;left: 800px;"></li>
        <li style="top: 0px;left: 900px;"></li>
        //后面的可以根据这是个设置
</ul>

这里可以用ul li 写小方块，这样方便，刚开始写样式的时候我用的弹性布局没这样写的时候有一个缺点，
就是点击一个小方块之后其他