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> ...
随机推荐
- 如何将ASP.NET-WebApi发布到IIS6.0上(转)
关于"如何将ASP.NET-WebApi发布到IIS6.0上"的这方面的学习,一开始项目组长让我们接触的时候,我的心情是这样的 哇呜.jpg 当时真的是一脸懵逼啊,对于刚接触asp ...
- java常见面试题(一)
一.Spring面试的问题 1.spring的事务认识 事务注解方式: @Transactional,当标于类前时,该类的所有public方法都进行事物处理. 事务的传播行为: @Transactio ...
- django源码解析一(请求处理流程)
1.我们都知道WSGI是一个规范,规范了server和application之间通信的一些约束,server端在监听到请求之后,会把请求转给application去处理,他们之间关联起来的桥梁是一个e ...
- 详解 anjularjs的ui-route(多视图、视图嵌套、视图传参)
最近整理了一下anjularjs的第三方插件ui-route,在这就以一个demo的形式讲解一下.整片博客均以开头的demo代码为例.下边是个目录,大家可以酌情直接跳转浏览. 1. demo的代码 2 ...
- 媒体查询media参数以及其兼容性问题
一.设置meta标签 在使用媒体查询media之前我们需要先设置meta标签,对设备的缩放等参数进行设定. <!--设置缩放和绘制--> <meta name="viewp ...
- PHP(函数)
<script> // 获得日 var time = new Date(); var x = time.getDate(); document.write(x+"日," ...
- 教程,Python图片转字符堆叠图
Python 图片转字符画 一.实验说明 1. 环境登录 无需密码自动登录, 2. 环境介绍 本实验环境采用带桌面的UbuntuLinux环境,实验中会用到桌面上的程序: LX终端(LXTermina ...
- ps图层面板上的【透明度】与【填充】的区别
为文字添加投影,分别调图层面板上的[透明度]与[填充]的值你就知道区别了. 如上图降低填充的数值,结果只对文字颜色有影响却对投影毫无影响. 而如上图,调整不透明度的时候对文字颜色与投影均产生效果. 这 ...
- 测试与发布(Alpha版本)
[Alpha阶段]测试报告 1.测试找出的BUG (1).这种情况刷新就好 (2).文件必须10个才行,多余10个的部分不会进入查重的部分,少于会出错: (3).文件保存在d:\files,由于有些原 ...
- swing-窗体添加背景图片的2种方法
在美化程序时,常常需要在窗体上添加背景图片.通过搜索和测试,发现了2种有效方式.下面分别介绍.1.利用JLabel加载图片利用JLabel自带的setIcon(Icon icon)加载icon,并设置 ...