日期:2014-05-16  浏览次数:20320 次

JavaScript模态对话框类

模态对话框类

/**
?* JavaScript DodelDialog v0.1
?*
?*
?* new DodelDialog({
?* ??? ??? 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互斥
?* });
?*/


示意图1

?

?

示意图2

?

?

?

?

1 楼 accphc 2010-12-07  
下来后在IE8中随便试了下,发现当设置dragInWin : false,把对话框拖出去后有问题。
2 楼 zhouyrt 2010-12-07  
accphc 写道
下来后在IE8中随便试了下,发现当设置dragInWin : false,把对话框拖出去后有问题。

dragInWin : false,可以随意拖拽
dragInWin : true,只能在文档窗口内拖拽