# mask、unmask、centerWin、ezj.ext.drag

### HTML 代码

<div>来玩个遮罩吧，拖动滚动条、改变窗体大小？没关系，罩得住！<input type="button" id="mask" value="遮罩" /></div> <div>对于 IE7、IE8、Firefox、Chrome 自动使用 position:fixed，效果甚佳；IE6 不支持 fixed，但自动使用了替代方法。</div> <div>select 罩不住？没关系，有 ezj.ext.combobox 可以解决，请参见 <a href="combobox.htm" target="_blank">combobox.htm</a>。</div> <div id="dlg"> <div id="dlgTitle">拖我还可以移动</div> <div>这是一个模拟对话框，样式暂时还丑了点，但代码轻松、功能强大。</div> <div><input type="button" id="dlgOk" value="关闭对话框（遮罩）" /></div> </div>

### JavaScript 代码（ezj 代码）

ezj.ext.drag("dlg", { controller:"dlgTitle" }); $("mask").click(function(){ $(document.body).mask(); $("dlg").display(true); // 先显示，再 centerWin $("dlg").centerWin(); }); $("dlgOk").click(function(){ $("dlg").display(false); $(document.body).unmask(); });

### 演示

来玩个遮罩吧，拖动滚动条、改变窗体大小？没关系，罩得住！
对于 IE7、IE8、Firefox、Chrome 自动使用 position:fixed，效果甚佳；IE6 不支持 fixed，但自动使用了替代方法。
select 罩不住？没关系，有 ezj.ext.combobox 可以解决，请参见 combobox.htm。
拖我还可以移动
这是一个模拟对话框，样式暂时还丑了点，但代码轻松、功能强大。