JavaScript弹出层特效支持鼠标拖动
点击按钮弹出窗口，再顺手拖着窗口挪位置，是不是挺常见的？这个 JS 弹出层特效 就能帮你快速搞定。基本思路是，先搞个 div 作为弹窗框架，用 style.display = 'none' 控制显示，加个按钮点一下就弹出来。交互方面用 addEventListener 搞定点击事件就行。
比较妙的是，它还支持鼠标拖动。也不复杂，监听 mousedown 开始拖，mousemove 改位置，mouseup 停止拖动，逻辑清晰、实现简单，调试也不难。
你也可以加点 CSS3 的过渡 效果，比如 transition: opacity 0.3s，让弹出更顺滑些。再加个关闭按钮，用 popup.style.display = 'none' 收起来就行了，体验提升不少。
这段代码比较适合新手练手，也适合老手快速搭个小交互。用在后台管理、弹出提示、自定义窗口啥的都挺方便。
如果你还想看看别的实现方式，可以参考这些资源：
下载地址
用户评论
