模态框顾名思义就是弹出来的一个框框,怎么样才能写出模态框,下面就来说下模态框的使用方
法。模态框的使用方法有很多,我经常使用的有两种,
下面来介绍第一种,首先要用个 标签 里面可以写弹出框页面样式,写好样式之后在写js绑定到form表单,就可以完成点击打开模态框了。下面是代码样式
下面这段是JS打开模态框的方法 function btn() { $("#test ").modal('show'); } btn绑定打开按钮,test是绑定form表单,show是打开方法。这样就可以弹出一个简单的模态框了。下面来说下第二种,使用layui的模态框,要使用layui里的方法样式,首先要引用css和js样式,
也就是下面的两条。
样式如上图, jcxx绑定的是需要点击的地方,
layer.open是打开方法
Type:2是模态框类型,
area是弹出模态框的大销,
title是模态框头部名称,
shadeCols:true是否点击遮罩关闭,
anim:1,弹出动画。
Content是模态框样式的路径
上面的属性也是经常需要用到的,layui里的模态框样式比较多,多加使用便能熟悉。