首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

JavaScript模态对话框种

2012-10-28 
JavaScript模态对话框类模态对话框类/**?* JavaScript DodelDialog v0.1?* ?* ?* new DodelDialog({?* ???

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

?

JavaScript模态对话框种

?

示意图2

?

JavaScript模态对话框种

?

?

?

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

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

热点排行