专栏首页远在上海推荐优秀弹出层组件:layer

推荐优秀弹出层组件:layer

以前用artDialog较多,包括DTcms中用得也是artDialog弹出框,并做了jQuery封装。去年开始了解到Layer,就喜欢上了,并在多个项目中使用。今天在博客上正式推荐一下,毕竟免费用了那么久,也没有给作者Github上点星。

官网地址:http://layer.layui.com/

当前版本:2.3(2016-05-18 更新)

官方的介绍:

layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验。 在与同类组件的比较中,layer总是能轻易获胜。她尽可能地在以更少的代码展现更强健的功能,且格外注重性能的提升、易用和实用性,正因如此,越来越多的开发者将媚眼投上了layer(已被2793811人次关注)。layer兼容了包括IE6在内的所有主流浏览器。 她数量可观的接口,使得您可以自定义太多您需要的风格,每一种弹层模式各具特色,广受欢迎。当然,这种“王婆卖瓜”的陈述听起来总是有点难受,因此你需要进一步了解她是否真的如你所愿。 layer遵循LGPL协议,将永久性提供无偿服务。历经数年,截至到2015年09月01日,已运用在10万余家web平台,其中包括中国联通、蚂蚁短租、慕课网、phpyun等等知名网站,如果您有大型项目也在使用layer,您可以联系作者,以便在此展现案例,也为您的品牌推广尽一些绵薄之力。Fly

我实际使用中用了iframe父子层交互,以及msg,alert等,今天将一个封装的C#弹出对话框代码分享一下:

            #region public static void LayerAlert(string message) Layer显示消息,不需要确认
        /// <summary>
        /// Layer弹出消息
        /// </summary>
        /// <param name="message"></param>
        public static void LayerAlert(string message)
        {
            Page page = (Page)System.Web.HttpContext.Current.Handler;
            //message = "<script>alert('" + message + "');</script>";
            message = "<script>$(function (){layer.ready(function () {layer.msg('" + message + "', {icon: 1, shift: 2});});});</script>";
            page.ClientScript.RegisterStartupScript(page.GetType(), "message", message);
        }
        #endregion
        #region public static void LayerAlert(string message,string url) Layer显示消息,不需要确认,并跳转到url
        /// <summary>
        /// Layer弹出消息,并跳转到url
        /// </summary>
        /// <param name="message"></param>
        /// <param name="url"></param>
        public static void LayerAlert(string message, string url)
        {
            Page page = (Page)System.Web.HttpContext.Current.Handler;
            //message = "<script>alert('" + message + "');location='" + url + "';</script>";
            message = "<script>$(function (){layer.ready(function () {layer.msg('" + message + "', {icon: 1, shift: 2}, function(){location.href='" + url + "';} );});});</script>";
            page.ClientScript.RegisterStartupScript(page.GetType(), "message", message);
        }
        #endregion

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Daylight Saving Time

    关于这个Daylight Saving Time,其实做IT这么久了,才真正在项目中涉及到,近期我在思考如下问题:

    崔文远TroyCui
  • ERPLN中明明有库存,却没办法转库

    再次感谢Infor的Russell He,帮我前天搞定了一个库存转移的Shortage报错,我这个case是修改whwmd216里面的committed数量来修...

    崔文远TroyCui
  • 升级IIRF from v1.2 to v2.1

    用了好多年的IIS下的伪静态利器IIRF,因为服务器的升级计划,也将从1.2升级到2.1了,不多说了,IIRF的最新版本介绍及升级使用注意事项请看[URL=ht...

    崔文远TroyCui
  • thymeleaf 传递数据到js变量

    Dream城堡
  • Application is running in standard simulation mode

    如果我们在使用UI component workbench时遇到如下warning message:

    Jerry Wang
  • 异步加载脚本保持执行顺序

    首先是外部脚本和行内脚本,对于异步加载的脚本,会导致竞争状态,使得出现未定义的错。

    菜的黑人牙膏
  • 区块链如何能颠覆谷歌的广告经济

    最近关于大型科技公司对部分经济造成损害的争论,以及社会和民主的社会结构,都回到了大多数媒体机构建立的基础上。

    用户2965496
  • 达观数据如何打造一个中文NER系统

    1 NER简介 NER(Named Entity Recognition,命名实体识别)又称专名识别,是自然语言处理中常见的一项任务,使用的范围非常广。命名实体...

    达观数据
  • vue使用watch 观察路由变化,重新获取内容

    在用Vue开发的过程中总会遇到这样或者那样的坑。vue的路由发生变化分两种情况,一种是pathname变化(或是hash变化),第二种是参数变化,第一种发生变化...

    挥刀北上
  • 数字货币钱包安全白皮书

    近期,我们对应用市场上流通的热钱包以及冷钱包进行了相关安全审核评估,发现了很多安全问题,360信息安全部依靠通过对各类攻击威胁的深入分析及多年的安全大数据积累,...

    FB客服

扫码关注云+社区

领取腾讯云代金券