推荐优秀弹出层组件：layer
以前用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本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2016年6月11日，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读