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