欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > javascript >内容正文

javascript

JavaScript模态对话框类(拖拽时动画)

发布时间:2025/3/8 javascript 56 豆豆
生活随笔 收集整理的这篇文章主要介绍了 JavaScript模态对话框类(拖拽时动画) 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

2010年写了一个模态对话框类,这次进行一些重构和扩充。拖拽时使其有动画效果。接口没变,如下

new ModelDialog({caption 标题 '对话框标题'(默认)template 主体内容 ''(默认)dialogCls 对话框className 'md-dialog'(默认)headCls 头部className 'md-head'(默认)btnCloseCls 关闭按钮className 'md-close'(默认)bodyCls 主体className 'md-body'(默认)shadowBg 遮盖层背景色 'gray'(默认)shadowOpy 遮盖层透明的 0.2(默认)dragable 是否可拖拽 true(默认)dragInWin 是否仅在窗口内拖动 (true)默认 与area互斥area [minX,maxX,minY,maxY] 与dragInWin互斥});


效果图

 


下载

总结

以上是生活随笔为你收集整理的JavaScript模态对话框类(拖拽时动画)的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。