推荐优秀弹出层组件: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 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券