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模态对话框类（拖拽时动画）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。