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

推荐优秀弹出层组件:layer

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

1.5K20

页面弹出层组件layer的用法

一:页面引入和核心js文件 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('很高兴一开场就见到你'); });

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

    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.8K10

    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实现关闭弹出层刷新父界面功能详解

    6K60

    关于层(layer)

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

    1.3K50

    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代码 当你点击按钮后,就会弹出图片页面框:(图片滑动弹出,背景变灰) ?

    2K50

    防腐层(Anti-corruption layer)

    防腐层\防损层(Anti-corruption layer)介于新应用和遗留应用之间,用于确保新应用的设计不受遗留应用的限制。...本文,主要介绍防腐层(Anti-corruption layer)模式 防腐层(Anti-corruption layer) 在微服务(Microservices)架构实践中,人们大量地借用了DDD中的概念和技术...使用防腐层(Anti-corruption layer)模式可确保应用程序的设计不受限于对外部子系统的依赖。...防腐层(Anti-corruption layer)模式最先由 Eric Evans 在 Domain-Driven Design(域驱动的设计)中描述。...Anti-corruption layer注意事项 防损层可能将延迟添加到两个系统之间的调用。 防损层将添加一项必须管理和维护的其他服务。 请考虑防损层的缩放方式。 请考虑是否需要多个防损层。

    4.1K40

    正确使用Layui弹出层

    正确使用Layui弹出层 开发工具与关键技术:MVC 作者:盘洪源 撰写时间:2019年6月16日星期天 在一些需要用到弹出层的页面,这个时候就可以用到layui.layer弹出层的一个使用,使用方法也很简单...我一开始用的时候也遇到这个错误,就是点开弹出层后,当你关闭弹出层的时候,弹出层里面的内容并没有隐藏掉,而是会追加到外面的主页面下面,这个就并不是我们想要的结果。...script> 因为这两种用法不一样 这两个插件很容易混乱,如果需要引用的是 <script src="~/Plugins/layui/dist/layui.js"> 我这里这个是通过点击按钮弹出弹出层的例子...下面这个是一个简单的layui弹出层写法,里面的属性随各人需求,属性的用法这个就自已去layui官网看比较详细点,我这说也说不完。...我这里就是点击按钮弹出弹出层,然后上下左右居中效果,content里面放的就是你的html弹出层的ID。

    3.7K10

    改造 layer 弹层移动版组件

    序 我们决定在自研的Craneoffice.net框架中,引入 layer弹出层移动版,无须引用 jquery,改造思路是用不同颜色的样式表达不同的警告级别,另外通过一些代码,解决不能嵌入或嵌入 iframe...演示视频 改造版layer组件演示视频 添加了一个方法 添加了 layer.gt(type) 方法,该方法用于便捷的设置警告类型样式,返回值为样式字符串。...参数介绍 layer.gt('ok') 成功类型的提示样式 layer.gt('error') 错误类型的提示样式 layer.gt('info') 信息类型的提示样式 layer.gt...这是改造版layer弹出框!'...小结 这是我们引用的layer弹出层的早期组件,属于移动版,针对其中的改造只是体现了自己的一些设计想法,希望大家批评指正。

    52410

    Block Layer层架构演变(个人YY)

    前言 Block Layer层在整个I/O中负责承上启下,上接文件系统,下接块驱动。 我不想直接讨论代码,希望从一个架构的演变来初探一下Block Layer层。 ?...1.0版本 首先我们来了解几个重要的数据结构 1.1 bio bio代表了一次I/0请求,代表一个块设备的一个扇区或者多个连续扇区的数据请求,扇区是块设备的最小访问单元,bio是文件系统发给Block Layer...层的。...1.4 小结 Block Layer将文件系统提供的bio变成request,然后交给块设备驱动处理。 二、2.0版本 目前只支持单个进程访问块设备。...举个例子:一个外卖员需要送很多外卖到一个办公楼,他将外卖按楼层排序合并,然后一层层的送,肯定比随机拿一个外卖,然后一层层的送的速度快。

    1.6K61
    领券