当前位置: 首页 > 网络应用技术

如何实现拖放分类

时间:2023-03-09 02:05:42 网络应用技术

  您必须熟悉可以拖动和分类的菜单的效果。这次,我们使用可以拖动和分类的案例来证明其实施原则。请查看完成效果:

  基本的

  排序原则

  页面布局

  9个砖(LI元素)绝对位于外部盒子(UL元素)的位置

  样式如下

  定义砖的背景颜色和9坑的位置

  找出砖块并扔进数组

  在这里,我使用将Nodelist伪阵列转换为真实数组的轮子:

  赋予所有砖块在位置财产中

  定义正在拖动的砖块

  谁压在你的身体上是[拖砖]

  在任何位置放松鼠标,停止拖动

  当前的砖用于从鼠标事件返回其坑位置时使用动画效果。以下是动画轮

  移动鼠标时,砖块沿着所有砖块实时散步

  坑测试方法

  砖洗方法

  基本的

  动画轮

  伪 - 阵列转向实数阵列轮毂

  每个人也可以简单

  祝大家愉快的代码和健康!

  原始:https://juejin.cn/post/7096186729895297060