layer是一款近年来备受青睐的web弹层组件，她具备全方位的解决方案，致力于服务各水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验。
在与同类组件的比较中，layer总是能轻易获胜。她尽可能地在以更少的代码展现更强健的功能，且格外注重性能的提升、易用和实用性，正因如此，越来越多的开发者将媚眼投上了layer。layer 甚至兼容了包括IE6在内的所有主流浏览器。她数量可观的接口，使得您可以自定义太多您需要的风格，每一种弹层模式各具特色，广受欢迎。当然，这种“王婆卖瓜”的陈述听起来总是有点难受，因此你需要进一步了解她是否真的如你所愿。
使用代码如下
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="TestLayer.Default" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="scripts/jquery-1.10.2.min.js"></script> <script src="scripts/layer/layer.js"></script> <link href="scripts/layer/theme/default/layer.css" rel="stylesheet" /> <script type="text/javascript"> function showData() { layer.alert(‘图标5‘, { icon: 5 }); } </script> </head> <body> <form id="form1" runat="server"> <div> <a class="layui-layer-btn layui-layer-btn1" onclick="showData()">测试</a> </div> </form> </body> </html>
引用的文件如下
原文：http://www.cnblogs.com/masonlu/p/7614351.html