您必须熟悉可以拖动和分类的菜单的效果。这次,我们使用可以拖动和分类的案例来证明其实施原则。请查看完成效果:
基本的
排序原则
页面布局
9个砖(LI元素)绝对位于外部盒子(UL元素)的位置
样式如下
定义砖的背景颜色和9坑的位置
找出砖块并扔进数组
在这里,我使用将Nodelist伪阵列转换为真实数组的轮子:
赋予所有砖块在位置财产中
定义正在拖动的砖块
谁压在你的身体上是[拖砖]
在任何位置放松鼠标,停止拖动
当前的砖用于从鼠标事件返回其坑位置时使用动画效果。以下是动画轮
移动鼠标时,砖块沿着所有砖块实时散步
坑测试方法
砖洗方法
基本的
动画轮
伪 - 阵列转向实数阵列轮毂
每个人也可以简单
祝大家愉快的代码和健康!
原始:https://juejin.cn/post/7096186729895297060