一、使用语法:给链接打上 class="frmBox" 即可
<a href="#{boxLink}" class="frmBox">点击此处</a>,出现弹窗
二、设置弹窗标题。你也可以增加title属性,用于控制弹窗的标题
<a href="#{boxLink}" class="frmBox" title="窗口标题">点击此处</a>,出现弹窗
三、控制弹窗大小有两种方式——
1)增加xwidth/xheight属性,控制弹窗的大小
<a href="#{boxLink}" class="frmBox" title="窗口标题" xwidth="600" xheight="300">点击此处</a>,出现弹窗
2)如果不设置xwidth/xheight,弹窗会根据内部内容的实际高度/宽度自动调整。所以在弹窗内容区,加上一个容器,设置它的宽高,是控制弹窗大小的另一种方法。
<-- 以下是弹窗内容页面 -->
<div style="width:600px;height:300px;">
这里是弹窗内容……
</div>
四、关闭弹窗。弹窗中的 button(按钮),如果 class 是 btnCancel,被点击会导致弹窗关闭
<div style="margin:50px auto; text-align:center;">
<input id="Submit2" type="submit" value="提交" class="btn" />
<input id="Button2" type="button" value="取消" class="btnCancel" />
</div>