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。

拖我还可以移动

这是一个模拟对话框，样式暂时还丑了点，但代码轻松、功能强大。