js实现九宫格拖拽

/思路:拖拽出去的结点克隆一份放在拖拽节点移除的位置,利用勾股定理,比较拖拽节点和九个位置的距离,和距离最近的节点交换位置,最后删除克隆节点;交换时:距离最近的结点的left和top赋给拖拽节点,克隆节点的left和top赋给距离最近的节点(注意:此时的克隆节点left和top保存的是拖拽节点拖拽之前的位置)/
具体代码如下:

效果图: ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190112114838580.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDE5MzYxMw==,size_16,color_FFFFFF,t_70)

猜你喜欢

转载自blog.csdn.net/weixin_44193613/article/details/86353081