模态框

模态框顾名思义就是弹出来的一个框框，怎么样才能写出模态框，下面就来说下模态框的使用方
法。模态框的使用方法有很多，我经常使用的有两种，

下面来介绍第一种，首先要用个 标签 里面可以写弹出框页面样式，写好样式之后在写js绑定到form表单，就可以完成点击打开模态框了。下面是代码样式

名称： 下面这段是JS打开模态框的方法 function btn() { $("#test ").modal('show'); } btn绑定打开按钮，test是绑定form表单，show是打开方法。这样就可以弹出一个简单的模态框了。

下面来说下第二种，使用layui的模态框，要使用layui里的方法样式，首先要引用css和js样式，
也就是下面的两条。

模态框又是弹出层的一种，属性有很多，下面列举些常用的属性，例如 maxmin 最大最小化，false关闭，ture打开 resize 是否允许拉伸，false关闭，ture打开 maxwidth和maxheight最大宽度和高度 基本的属性说完之后就来看下layui怎么实现模态框的打开， 首先绑定需要点击弹出模态框的事件qxrck，然后写js js代码如下 ///钱箱 function qxcrk() { layer.open({ type: 2, area: ['800px', '600px'], title: '钱箱出入款', shadeClose: true, anim: 1, content: '/InformationChanges/BasicInformation/BasicInformation' }); }

样式如上图， jcxx绑定的是需要点击的地方，
layer.open是打开方法
Type：2是模态框类型，
area是弹出模态框的大销，
title是模态框头部名称,
shadeCols：true是否点击遮罩关闭，
anim：1，弹出动画。
Content是模态框样式的路径
上面的属性也是经常需要用到的，layui里的模态框样式比较多，多加使用便能熟悉。