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>
引用的文件如下