首页
学习
活动
专区
工具
TVP
发布

推荐优秀弹出组件layer

以前用artDialog较多,包括DTcms中用得也是artDialog弹出框,并做了jQuery封装。去年开始了解到Layer,就喜欢上了,并在多个项目中使用。...官网地址:http://layer.layui.com/ 当前版本:2.3(2016-05-18 更新) 官方的介绍: layer是一款近年来备受青睐的web弹组件,她具备全方位的解决方案,致力于服务各水平段的开发人员...在与同类组件的比较中,layer总是能轻易获胜。...layer兼容了包括IE6在内的所有主流浏览器。 她数量可观的接口,使得您可以自定义太多您需要的风格,每一种弹模式各具特色,广受欢迎。...Fly 我实际使用中用了iframe父子交互,以及msg,alert等,今天将一个封装的C#弹出对话框代码分享一下:             #region public static void

1.1K20

页面弹出组件layer的用法

一:页面引入和核心js文件 layer.js 二:基础参数: 基本类型 类型:Number,默认:0 layer提供了5...即所有弹出都默认采用,但是单个配置skin的优先级更高 layer.config({ skin: 'demo-class' }) //CSS body .demo-class .layui-layer-title...弹出动画 类型:Number,默认:0 我们的出场动画全部采用CSS3。这意味着除了ie6-9,其它所有浏览器都是支持的。...需要显示配置maxmin: true即可 弹出后的成功回调方法 类型:Function,默认:null 当你需要在创建完毕时即执行一些语句,可以通过该回调。...当你在页面一打开就要执行弹时,你最好是将弹放入ready方法中,如: /页面一打开就执行弹 layer.ready(function(){ layer.msg('很高兴一开场就见到你'); });

3.7K20
您找到你想要的搜索结果了吗?
是的
没有找到

layer弹出详解

前言:学习layer弹出框,之前项目是用bootstrap模态框,后来改用layer弹出框,在文章的后面,我会分享项目的一些代码(我自己写的)。...目前,layer已成为国内最多人使用的web弹组件,GitHub自然Stars3000+,官网累计下载量达30w+,大概有20万Web平台正在使用layer。...即:layer子界面如何调用父界面的方法。 如果你不想使用Layui,而只是想使用layer,你可以去layer独立组件官网下载组件包。...如: View Code success – 弹出后的成功回调方法 类型:Function,默认:null 当你需要在创建完毕时即执行一些语句,可以通过该回调。...即可 //如果你想关闭最新弹出,直接获取layer.index即可 layer.close(layer.index); //它获取的始终是最新弹出的某个,值是由layer内部动态递增计算的

4.9K20

php layer弹出更改背景,详解Layer弹出样式

前言:学习layer弹出框,之前项目是用bootstrap模态框,后来改用layer弹出框,在文章的后面,我会分享项目的一些代码(我自己写的)。...目前,layer已成为国内最多人使用的web弹组件,GitHub自然Stars3000+,官网累计下载量达30w+,大概有20万Web平台正在使用layer。...即:layer子界面如何调用父界面的方法。 如果你不想使用Layui,而只是想使用layer,你可以去layer独立组件官网下载组件包。...即可 //如果你想关闭最新弹出,直接获取layer.index即可 layer.close(layer.index); //它获取的始终是最新弹出的某个,值是由layer内部动态递增计算的 //当你在...(index); //再执行关闭 封装好的Layer弹出框与关闭layer弹出框的方法(代码周一给出, 现在手头没有代码) 总结 以上所述是小编给大家介绍的详解Layer弹出样式,希望对大家有所帮助,

3.7K20

layui框架——弹出layer

dom元素不会在原位置显示,会移动到弹出中;退出弹出后会在原位置显示,最好将DOM容器设置为display:none。...//layero 为 弹出对象 //在回调函数末尾添加 “return false”可以禁止点击该按钮关闭弹出 return false;...28、回调方法 success:弹出成功后的回调方法 yes:第8项提到的“按钮一”的回调方法,在回调方法中需要手动关闭 layui.use('layer',function(){ var...(index);//需手动关闭 弹出 }, btn2:function(index,layero){ //不需要手动关闭 弹出...; //关闭指定 layer.close(layer.index); //关闭最新弹出layer.index获取的始终是最新弹出的某个,值是由layer内部动态递增计算的 //当你在iframe

8.7K10

layui弹出html,layer弹出「建议收藏」

layer 弹出,怎么只让他弹出一次.在线等 我昨天用这个插件的时候也有这个问题,弹出内容大了就居不了中。这是组件不完美的地方,他设置了top和left值,而且是固定的。...jquery layer怎么弹出指定的html内元素 一个基本的弹出应该满足以下需CSS布局HTML小编今天和大家分享: 点击按钮/链接触发弹出弹出应该有半透明的遮罩; 点击弹出的关闭按钮...如何让layer弹出在最上面 如何让layer弹出在最上面 搜索资料 我来答 分享 微信扫一扫 网络繁忙请稍后重试 新浪微博 QQ空间 举报 本地图片 图片链接 代码 提交回答 匿名 回答 如何获取用...layer弹出表单的数据使用layer.js做弹出时,在弹出里直接提交form表单,返回的画面仍然停留在弹出里。...我们想在弹出里提交form表单后关闭弹出,并跳转到另一个画面。 引用layer.js后 弹窗为什么会在页面最底部出现 这个要看layer中content的内容了 /。

18.6K30

layer 弹出传递参数

layer 弹出轻量好用,一直喜欢用,但是却没有弹出传参的接口,迫于无奈只能Url地址传参,总所周知,这个可是限制大小的,百度一番,看看大神们怎么处理,结果就感觉所有回答都是Ctrl+C 加 Ctrl...+V ,全是地址栏传参,页面缓存、cookie 、localstorage ,本着不甘心的原则,就想为什么不能在open的时候把参数一起作为属性传递了,强行看了layer源码(扒光慢慢看),于是乎就把源码改了下...对这就是修改的地方,里面new 了一个g 对象,没错这就是暴露出来的对象(共有对象),只需要在把参数暴露出来就好,这里加上 f.methodConfig,暴露的名字自己取 然后是界面获取参数的方法,大家都知道 调用layer...后,都会在window命名空间下有个layer对象,layer.methodConfig 就是需要的参数,(桥豆麻袋)想必看到这里的小伙伴已经在试了,结果反选 iframe的获取layer.methodConfig...为 undefined ,当然了,你这是在父页面调用的对象,当然得去问老爸讨要(给点钱疤,已经吃了好几天土了),(当当糖) parent.layer.methodConfig 拿去吧,不会让你吃土的,

1.6K20

layer弹出的关闭问题

就是在执行添加或修改的时候,需要将数据提交到后台进行处理,这时候添加成功之后最理想的状态是关闭弹出并且刷新列表的数据信息,之前一直想实现这样,可一直没有成功,今天决定好好弄一弄,在仔细看过layer的帮助手册以及查阅资料之后...,有了以下的解决办法: 一、关闭弹出窗   这是layer官网给出的帮助手册,讲解的比较详细 分成两种情况: 1、弹出不是新的页面的时候,直接获得该弹窗的索引,然后执行close方法 layer.close...(); 2、弹出窗是新的页面的时候 var index=parent.layer.getFrameIndex(window.name); parent.layer.close(index); 二、关闭弹窗之后刷新父页面...  例如:在增加用户的时候,增加会弹出一个新的弹窗页面,增加成功之后会有提示性的小的alert,在点击确定之后,弹窗页面关闭,并且刷新用户列表的页面数据。

1.4K30

Layer组件

前几天了解到这个不错的弹插件,样式好看,用起来也方便。...喜欢的人看完我的博客也可以看官方网站哦:http://www.layui.com 在这个官方网站里有关于它的基础参数: type(基本类型),title(标题),content(内容),skin(样式类名...)等等好多, 还有一些方法: layer.open(options) - 原始核心方法, layer.alert(content, options, yes) - 普通信息框, layer.confirm...) - 加载 在使用layer,你只要在html代码里加入jquery.js和layer.js就可以调用它啦!...调用方法实例演示网站为:http://layer.layui.com/ 在这里用自己敲的一个实例给你们看看吧: ? html代码 当你点击按钮后,就会弹出图片页面框:(图片滑动弹出,背景变灰) ?

1.6K50

layer执行父窗口ajax方法,layer 弹出 回调函数调用 弹出页面 函数

1、项目中用到layer 弹出,定义一个公用的窗口,问题来了窗口弹出来了,如何保存页面上的数据呢?疯狂百度之后,有了结果,赶紧记下。...({ type: 2, title: options.title, //skin: ‘layui-layer-rim’, //加上边框 area: [options.width, options.height...function (req) { alert(“req” + req); }, error: function (err) { alert(“err”+err); } }); } layui弹出回调的使用...在子页面使用layer弹出时只显示遮罩,不显示弹出框问题 最近子页面使用layer弹出时只显示遮罩,不显示弹出框,这个问题搞了很久,最后才发现,在子页面上使用弹出框时,如果只使用layer.alert...()或者layer.open()时,会默认在当前页面弹 … OA项目之弹出中再弹出 弹出中再弹出如图: 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/159849

2K30

Layer弹出的一个使用

Layer弹出的一个使用 开发工具与关键技术:MVC 作者:盘洪源 撰写时间:2019年5月15日星期三 在做到一个点击按钮弹出一个弹出的的时候,我发现用以前的那种弹出都是不能通过鼠标来拖动的。...可以用鼠标拖动的这种弹出这个是需要引入layui插件的。 这个可移动的弹出是用layui里面的layer搭建的。这个是怎么用的?...layer = layui.layer; }) }) 渲染后再给个弹出那个按钮点击事件,看下面代码 $("#BrowseHistory").click(function () {...Type基本类型,可以输入0(信息框,默认)1(页面层)2(iframe)3(加载)4(tips) Title这个弹出的标题 Area这个弹出的宽高,在默认状态下,宽高是自适应的,如果想要自定义宽高的话就用这个属性...Offset这个弹出的坐标,这个auto是垂直水平居中。 Content这个就是放你这个弹出HTML的ID,就是放内容的。 这个是简单的可移动的弹出

1.2K10

layui的layer弹出和form表单

文章目录 弹出layer form表单 增删改查所有代码 如果想用layui来完成增删改查,那么要会用弹出和form表单这两个组件是必须的,所以今天就来介绍一些如何用layui完成基本的增删改查...弹出layer 因为layui的特性,每次不管使用哪个组件,都要先把它的模块加载出来 比如我要用layer和form 那么就需要先这样定义,你的操作都是在这个里面进行,当然页可以一次性加载所有模块...,详情去看api文档https://www.layui.com/doc/ layui.use(['layer','form'], function(){ }) 先看一下我们在一个点击事件下定义一个弹出吧...content也就是我们弹出的内容路径了,根据你弹出的类型来获取 area宽高:不定义虽然它默认是auto自动适应,但是可能不一定符合自己的样式 btn按钮:信息框模式时,btn默认是一个确认按钮...layer.close(index);//关闭弹出 $("#book")[0].reset()//重置form

3.9K40

layer实现关闭弹出刷新父界面功能详解

方案一: 在layer弹出中调用父界面重新加载函数 1 2 3 window.parent.location.reload(); varindex = parent.layer.getFrameIndex...(window.name); parent.layer.close(index); 方案二: 调用layer插件的end回调方法: end – 销毁后触发的回调 类型:Function,默认:null...父窗口打开layer弹出框时,添加end回调 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 functionopenLayer() {   //iframe     parent.layer.open...对于layer.js出现回调关闭父类的弹出时,之前的表单的submit失效的问题: 如何解决:网上有很多,有的是转为ajax的请求,在数据传输完再关闭父类的弹出: 下面是关闭父弹出的办法: 1 2...未经允许不得转载:肥猫博客 » layer实现关闭弹出刷新父界面功能详解

4.3K60

关于layer

29 Jun 2016 关于layer) 今天谈谈“”这个字,如果要让我在计算机科学中挑选一个最神奇的字,我会选择“”字,因为生活中随处可见使用...“”的例子。...从下往上看,第一是看得见摸得着的硬件,比如CPU、内存条和硬盘等,第二是BIOS(Basic Input Output System),即基本输入输出系统,主要作用是检测硬件和引导操作系统,第三就是操作系统...以编程语言为例,第一肯定是01010101,第二是CPU可以理解的汇编指令,第三一般是编程语言比如C、C++和Go等,第四就是编程语言提供的各种库,如果还有第五,那就是你使用编程语言开发的软件了...以公司管理为例,第一是公司的董事长,第二是公司的总经理,接下来还有副总、部门负责人、小组长,然后才到一般职员。

86150
领券