前端交互：动态模态框

基于偏移量实现模态框拖动此方法利用鼠标事件与元素偏移属性，使模态框随鼠标移动。核心步骤：1. 监听鼠标事件： - mousedown：记录鼠标点击位置及模态框初始位置。 - mousemove：计算鼠标移动距离，更新模态框偏移量，实现拖动效果。 - mouseup：停止监听鼠标移动事件。2. 更新元素位置： - 通过 element.style.left 和 element.style.top 属性修改模态框位置。 注意：- 需要考虑边界情况，防止模态框被拖出可视区域。- 可添加样式优化拖动体验，如改变鼠标指针等。