原生js实现九宫格拖拽换位

使用原生JS写出一个九宫格，实现九个格子何以拖拽换位的效果，供大家参考，具体内容如下

效果演示

具体思路分析和代码：

图解1：

代码：

 
 
 
 
  
  *{margin: 0;padding: 0;}
  .father{position: relative;}
  .father div{position: absolute;width: 100px;height: 100px;border-radius: 10px;text-align: center;line-height: 100px;font-size: 30px;cursor: pointer;}
  


 
 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。