之后想做一个可以展示数据存储位置变化的示意图,前期先做简单的两列互换。
首先先把格子画出来,因为想做列的移动,所以一列是一个div。
HTML:
<div class="box">
<div id="box1">
<div class="in" style="background: #FE4365">1</div>
<div class="in" style="background: #FE4365">4</div>
<div class="in" style="background: #FE4365">7</div>
<div class="in" style="background: #FE4365">10</div>
<div class="in" style="background: #FE4365">13