layer使用方法

type - 基本层类型

类型:Number,默认:0

layer提供了5种层类型。可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)。 若你采用layer.open({type: 1})方式调用,则type为必填项(信息框除外)

title - 标题

类型:String/Array/Boolean,默认:‘信息‘

title支持三种类型的值,若你传入的是普通的字符串,如title :‘我是标题‘,那么只会改变标题文本;若你还需要自定义标题区域样式,那么你可以title: [‘文本‘, ‘font-size:18px;‘],数组第二项可以写任意css样式;如果你不想显示标题栏,你可以title: false

content - 内容

类型:String/DOM/Array,默认:‘‘

content可传入的值是灵活多变的,不仅可以传入普通的html内容,还可以指定DOM,更可以随着type的不同而不同。譬如:

/!*
 如果是页面层
 */
layer.open({
  type: 1,
  content: ‘传入任意的文本或html‘ //这里content是一个普通的String
});
layer.open({
  type: 1,
  content: $(‘#id‘) //这里content是一个DOM
});
//Ajax获取
$.post(‘url‘, {}, function(str){
  layer.open({
    type: 1,
    content: str //注意,如果str是object,那么需要字符拼接。
  });
});
/!*
 如果是iframe层
 */
layer.open({
  type: 2,
  content: ‘http://sentsin.com‘ //这里content是一个URL,如果你不想让iframe出现滚动条,你还可以content: [‘http://sentsin.com‘, ‘no‘]
});
/!*
 如果是用layer.open执行tips层
 */
layer.open({
  type: 4,
  content: [‘内容‘, ‘#id‘] //数组第二项即吸附元素选择器或者DOM
});        

shade - 遮罩

类型:String/Array/Boolean,默认:0.3

即弹层外区域。默认是0.3透明度的黑色背景(‘#000‘)。如果你想定义别的颜色,可以shade: [0.8, ‘#393D49‘];如果你不想显示遮罩,可以shade: 0

shadeClose - 是否点击遮罩关闭

类型:Boolean,默认:false

如果你的shade是存在的,那么你可以设定shadeClose来控制点击弹层外区域关闭。

time - 自动关闭所需毫秒

类型:Number,默认:0

默认不会自动关闭。当你想自动关闭时,可以time: 5000,即代表5秒后自动关闭,注意单位是毫秒(1秒=1000毫秒)

maxmin - 最大最小化。

类型:Boolean,默认:false

该参数值对type:1type:2有效。默认不显示最大小化按钮。需要显示配置maxmin: true即可

maxmin - 最大最小化。

类型:Boolean,默认:false

该参数值对type:1type:2有效。默认不显示最大小化按钮。需要显示配置maxmin: true即可

resize - 是否允许拉伸

类型:Boolean,默认:true

默认情况下,你可以在弹层右下角拖动来拉伸尺寸。如果对指定的弹层屏蔽该功能,设置 false即可。该参数对loading、tips层无效

move - 触发拖动的元素

类型:String/DOM/Boolean,默认:‘.layui-layer-title‘

默认是触发标题区域拖拽。如果你想单独定义,指向元素的选择器或者DOM即可。如move: ‘.mine-move‘。你还配置设定move: false来禁止拖拽

moveOut - 是否允许拖拽到窗口外

类型:Boolean,默认:false

默认只能在窗口内拖拽,如果你想让拖到窗外,那么设定moveOut: true即可

时间: 2024-10-10 05:43:27

layer使用方法的相关文章

添加layer的方法

this.gameObject.layer = LayerMask.NameToLayer("KongLong"); 为何这些脚本前边的方框都不见了,是因为这些脚本中没有Start()或者Update()----FixedUpdate()--------------OnGUI() ----等等方法,测试添加Awake()是无效的

设置view的layer属性方法

1.需要导入QuartzCore.framewoork框架到工程2.在文件中导入#import 3.设置 必须导入的空间 #import<QuartzCore/QuartzCore.h> 就拿view来举例 view.laye.cornerRadius=8.0;//倒角 view.layer.shadowColor=[UIColor blackColor]CGColor];//阴影颜色 view.layer.shadowOffset=CGSizeMake(10, 10);//阴影距离 view

手机端弹出层:Layer Mobile API文档手册v1.2

原文地址:http://sentsin.com/jquery/layer/ 参数 即核心接口:layer.open(options) 中的options: type 类型:Number 默认:0,设置弹层的类型,0表示信息框,1表示页面层,2表示加载层 content 类型:String 必选参数,控制弹层内容 title 类型:String或Array 默认:空,控制层的标题,值为字符串或者数组,例子: [javascript] view plain copy print? layer.ope

用jQuery Validate+layer插件实现好看的表单提交效果

作为初学者,以前做表单验证都是自己写的,目的是让自己更好的了解代码,加深自己对javascript的理解,但是其实在很久都知道有一个很好用的表单验证插件:jQuery Validate.js,一直都没时间去自己敲了练习一下,今天终于忍不住想试一试这个插件. 1,首先引入必要的js文件 <script src="jquery-2.1.4/jquery.min.js"></script> <script src="jquery-validation-

如何在caffe中添加新的Layer

如何在caffe中添加新的Layer 本文分为两部分,先写一个入门的教程,然后再给出自己添加maxout与NIN的layer的方法 (一) 其实在Github上已经有答案了(https://github.com/BVLC/caffe/issues/684) Here's roughly the process I follow. Add a class declaration for your layer to the appropriate one of common_layers.hpp, 

layer 1.9 发布,国产 Web 弹层不懈的追求者

layer历经三年考验,已经清楚地懂得了人们最需要的是什么,因此这一版的核心是做减法,不仅剔除了部分冗余的API,对包括layer.ext.js在内的代码也进行了大量瘦身(所以请不要覆盖升级),layer.js相比1.8.5减少了将近300行代码,但是这并不意味着功能的削减,事实上,layer已经变得更强大!1.9致力于告诉人们,选择layer是完全正确的,因为似乎没有哪个类似组件会在这个领域如此玩命地维护和改进.应当有理由相信,layer1.9是一个里程碑式的跨进! [调用] layer.op

实习小白笔记一(鼠标悬停、获取多选、提交修改、layer页面、单元格文字长度、json、分页、左连接)

①easyui 当鼠标悬停显示单元格信息: $(this).datagrid('doCellTip',{'max-width':'600px','delay':300}); ②jquery 获取checkbox多个被选元素 1 var swa = new Array(); 2 $("input[name='mainten.softwareReason']:checked").each(function(){ 3 swa.push($(this).val()); 4 }); 5 var

关于require.js引入layer.js后 layer.css等样式文件无法引入解决

这里需要用到layer.js的layer.config方法 即 layer.config({ path: '{GARCIA_JS}layer/' //layer.js所在的目录,可以是绝对目录,也可以是相对目录 }); 详细代码如下   require(['{GARCIA_JS}layer/layer.js'],function(layer){ layer.config({ path: '{GARCIA_JS}layer/' //layer.js所在的目录,可以是绝对目录,也可以是相对目录 })

Struts2(九.利用layer组件实现图片显示功能)

1.layer前端组件介绍 layer是一款口碑极佳的web弹层组件,她具备全方位的解决方案,致力于服务各个水平段的开发人员,您的页面会轻松地拥有丰富而友好的操作体验. http://sentsin.com/jquery/layer/ 使用方法http://sentsin.com/jquery/layer/ext.html 在项目中引入layer组件 <script type="text/javascript" src="${pageContext.request.co