Layer弹层组件 二次扩展,项目中直接使用。
/************************ Layer扩展 ****************************/ /*
* Layer弹出Alert提示框
* @param message 提示信息
* @param type 类型 1成功 2失败 3疑问 7提示
* @param fn (可选)点击后回调方法
* @return
*/
function LayerAlert(message, type, fn) {
layer.alert(message, { icon: type }, fn);
} /*
* Layer弹出Confirm提示框
* @param message 确认提示信息
* @param okfn 确认后回调 function (index) { alert("确认操作后回调,一般执行程序,完成后layer.close(index)关闭Layer"); }
* @param errorfn (可选)取消操作后回调 function () { alert("取消操作后回调"); }
* @return
*/
function LayerConfirm(message, okfn, cancelfn) {
layer.confirm(
message,
{ btn: ['确定', '取消'] },
okfn,
cancelfn
);
} /*
* Layer弹出新窗口
* @param url 网址
* @param title 标题
* @param width 宽
* @param height 高
* @param closefn (可选)关闭后回调 function (index) { alert("关闭"); layer.close(index);}
* @return
*/
function LayerOpen(url, title, width, height, closefn) {
layer.open({
type: 2,
title: title,
shadeClose: false, //必须点弹窗关闭按钮关闭
shade: 0.5,
area: [width, height],
content: url, //让iframe出现滚动条content: ['http://www.xxx.com', 'no']
cancel: closefn
});
} /*
* Layer加载效果(自动关闭)
* @param type 0-2加载效果
* @param minute 几秒钟后消失
* @return
*/
function LayerLoadAuto(type, second) {
layer.load(type, { time: second * 1000, shade: 0.1 });
} /*
* Layer加载效果
* @param type 0-2加载效果
* @return
*/
function LayerLoad(type) {
var index = layer.load(type);
return index;
} /*
* Layer关闭
* @param index 打开的index
* @return
*/
function LayerClose(index) {
layer.close(index);
}

Layer弹层组件 二次扩展,项目中直接使用。的更多相关文章
- 学习layer弹层组件移动版
		
layer弹层组件官网 常用参数: shadeClose:默认true,是否点击遮罩时关闭层
 - jQuery Layer 弹层组件
		
layer是一款近年来口碑非常不错的web弹层组件,她具备全方位的解决方案,致力于服务各个水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验. 在与同类组件的比较中,layer总是能轻易获胜.她 ...
 - HTML5 本地存储+layer弹层组件制作记事本
		
什么是 HTML5 Web 存储? 使用HTML5可以在本地存储用户的浏览数据. 早些时候,本地存储使用的是 cookie.但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上,但是这 ...
 - 弹层组件-layer
		
layer是Layui的一个弹层组建,功能强大,总之我很喜欢,下面介绍这个组件的基本用法. 首先如果只需要使用layer而不想使用Layui可以单独下载layer组件包,页面引入jquery1.8以上 ...
 - 基于Vue.js PC桌面端弹出框组件|vue自定义弹层组件|vue模态框
		
vue.js构建的轻量级PC网页端交互式弹层组件VLayer. 前段时间有分享过一个vue移动端弹窗组件,今天给大家分享一个最近开发的vue pc端弹出层组件. VLayer 一款集Alert.Dia ...
 - layerweb弹层组件(SSH框架下)
		
action类 这里主要看业务方法中表单路径中的(isClose = "1";return resUri;) public class MaterialsAction extend ...
 - React15.6.0实现Modal弹层组件
		
代码地址如下:http://www.demodashi.com/demo/12315.html 注:本文Demo环境使用的是我平时开发用的配置:这里是地址. 本文适合对象 了解React. 使用过we ...
 - layer弹层插件
		
// 使用前需要引入jquery的支持,链接如下: https://blog-static.cnblogs.com/files/liguanlong/jquery1.9.1.min.js ...
 - layer弹层基本参数初尝试
		
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
 
随机推荐
- angularjs-1.3代码学习-$parse
			
这次我们来看一下angular的Sandboxing Angular Expressions.关于内置方法的,核心有两块:Lexer和Parser.其中大家对$parse可能更了解一点.好了不多废话, ...
 - Python 进程与线程小随笔
			
Process 涉及模块:multiprocessing Process p = Process() p.start() p.join() from multiprocessing import Pr ...
 - EmEditor编辑器正则表达式的优点
			
(1)^[ \t]*\n这个正则表达式代表所有的空行,指含有零个或零个以上空格或制表符.以换行符结尾.不含其它字符的行.(2)(^|(?<=中国)).*?(?=中国|$)用正则表达式匹配特定字符 ...
 - MySQL在高版本需要指明是否进行SSL连接问题
			
Java使用mysql-jdbc连接MySQL出现如下警告: Establishing SSL connection without server's identity verification is ...
 - 201521123095 《Java程序设计》第5周学习总结
			
1. 本周学习总结 1.1 尝试使用思维导图总结有关多态与接口的知识点. 2. 书面作业 1.1 com.parent包中Child.java文件能否编译通过?哪句会出现错误?试改正该错误.并分析输出 ...
 - Android事件机制
			
一句话描述: 用户和程序之间的互动机制 什么是事件? 用户和程序交互时触发的程序操作. 只要是事件,必须具备三方面: 1 事件的发生者 2 事件接受者 3 事件触发和传递 事件处理的方法 观察者模式: ...
 - 201521123110 《Java程序设计》第1周学习总结
			
第一周学习总结 本周开始了对java的初次学习接触,Java是一门新的编程语言不同于C,由于有了c的基础,对于Java的理解和学习也相对从前学C更容易些. 也学习了Java的诞生发展以及运用包括JVN ...
 - 归纳一下input中span提示以及input中onchange事件
			
一.当input中不含有onclick事件的时候 定义一个class为tip1的span: <td><input type=text name='POSTNAME' nameVal ...
 - linux防火墙简单的使用
			
Centos升级到7之后,内置的防火墙已经从iptables变成了firewalld.所以,端口的开启还是要从两种情况来说明的,那就是iptables和firewalld.本文章参考官网教程基础 一. ...
 - Struts2第二篇【开发步骤、执行流程、struts.xml讲解、defalut-struts讲解】
			
前言 我们现在学习的是Struts2,其实Struts1和Struts2在技术上是没有很大的关联的.Struts2其实基于Web Work框架的,只不过它的推广没有Struts1好,因此就拿着Stru ...