当前位置: 代码迷 >> JavaScript >> JavaScript模态对话框种
  详细解决方案

JavaScript模态对话框种

热度:185   发布时间:2012-10-28 09:54:44.0
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,只能在文档窗口内拖拽
  相关解决方案