layer是一款常用的jQuery弹出层插件,可以从layer官网https://layer.layui.com/中下载,将解压后的layer文件夹移动到项目中并引入jquery.js, layer.js后即可使用。
layer提供了丰富的功能供开发者选用: 下面介绍下几个最常用的方法(函数):
msg函数可以用于弹出信息提示框
//格式1:弹出信息提示框 layer.msg("提示的文字"); //格式2:抖动显示 layer.msg("提示的文字",function(){ //弹窗结束后会执行 });load函数可以用于弹出加载框
//格式1:弹出loading: var index = layer.load(数字0-2); // 参数表示 loading的图表 //loading窗口在弹出时, 不允许进行操作. //关闭loading: layer.close(index); //格式2:超时自动关闭的loading var index = layer.load(数字0-2,{time:毫秒数字}) //在指定的毫秒后 ,如果没有使用layer.close关闭, 则自动关闭alert函数用于实现信息提示窗
//格式: layer.alert("文字内容",{icon:图片编号}); //图片编号: 0-16之间tips函数用于打印提示
//格式: layer.tips("文本内容","选择器",{tipsMore:true,tips:数字}); 参数: 1. 参数: tipsMore : 是否允许同时存在多个弹出的tips 2. 参数: tips : 取值为数字1-4 , 分别表示弹出在元素的 上/右/下/左 . 默认弹出在右边示例:
layer.tips("这里是重点","#s1",{tipsMore:true,tips:1}); 这里要注意<span id="s1">!</span>, 留个小便签用于所有弹出层的关闭
layer.closeAll();