1.以常见的网页内对话框插件包lhgdialog为例, 对其稍加改动, 实现了硕正套件的半透明遮罩效果;
2.请点击:;
3.注:遮罩功能对硕正所有套件均有效;



1.在浏览器中,控件/插件是一个子窗口, 常规的<div>是无法将其遮罩的, 本例结合lhgdialog完美地实现了遮罩功能;
2.lhgdialog非硕正公司产品,能否用于商业用途请向作者咨询;
3.本例使用的lhgdialog插件(3.1.3版)是经过简单修改的,位于demo包lhgdialog子目录下,实际使用请参考本页面的html源码;
4.硕正控件遮罩/还原的动作是通过AF.func("GrayWindow", "1")实现的,该部分源码已经被嵌入在lhgdialog/_lhgdialog.js中了;
5.在页面中,关键代码是按钮的onClick:
<input name="button" type=button id="dia" onClick="J('#dia').dialog({ title:'示例', cover:true, html:'<p>lhgdialog</p>'});" value="遮罩">

6.此外,还有更灵活的使用方法:就象OnReady( )、OnEvent( )那样,让lhgdialog触发执行约定的js函数,例如:
<input name="button" type=button id="dia" onClick="J('#dia').dialog({ title:'示例', cover:true, html:'<p>lhgdialog</p>', AF:OnGray});" value="遮罩">
上面约定了使用OnGray函数,在页面的js中必须定义该函数,例如:
<script language="JavaScript">
function OnGray(v)
{
 AF1.func("GrayWindow", v);
 AF2.func("GrayWindow", v);
}
</script>
可见,OnGray( )相当于是事件,你需要自行处理控件的遮罩,你也可以在其中写些附加的js代码.