弹出层覆盖层

最新推荐文章于 2021-06-07 12:23:06 发布

desert3

最新推荐文章于 2021-06-07 12:23:06 发布

阅读量167

点赞数

分类专栏： Javascript 文章标签：物流 JavaScript HTML ViewUI

本文链接：https://blog.csdn.net/desert3/article/details/83913127

版权

Javascript 专栏收录该内容

44 篇文章 0 订阅

订阅专栏


<!-- 要弹出的项目，放在一个div中 -->
<div style="width:550px;border:2px #ecf6fc solid;display:none;top:20%;left:20%;background:#fff;font-size:14px;position:relative;" id="pay_note_body">
  <div style="margin:20px;">
    <html-el:form action="/manager/Pay.do">
      <html-el:hidden property="method" value="out" />

      <table width="100%" border="0" cellpadding="0" cellspacing="1" class="datagrid">
        <tr>
          <th colspan="2" align="center">添加物流信息</th>
        </tr>
        <!-- 相关项目 -->
        <tr>
           <td> </td>
          <td align="center"><html-el:button property="dist_save" styleClass="an"  value=" 保存  " styleId="dist_save" />
            <html-el:button property="back" styleClass="an" value=" 关闭 " styleId="btn_close_2" /></td>
        </tr>
      </table>
    </html-el:form>
  </div>
</div>


<script type="text/javascript" src="${ctx}/javascripts/lightBox.js"></script>
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){
	//覆盖层
	var pay_note_body = new LightBox("pay_note_body");
	pay_note_body.Over = true;  //是否启用覆盖层  :true 、 false;
	pay_note_body.OverLay.Color = "#000"; //覆盖层颜色 ，必须启用覆盖层才有作用
	pay_note_body.OverLay.Opacity = 10; //覆盖层透明度 
	pay_note_body.Fixed = true; // 是否定位
	pay_note_body.Center = true; //是否居中

	$("#btn_close_2").click(function(){
	    // 关闭覆盖层	
            pay_note_body.Close();
	});
        // 弹出覆盖层
        pay_note_body.Show();

});
//]]></script>