asp.net web開發中使用的Web彈窗/層的Layer使用介紹

      layer是一款近年來口碑極佳的web彈層元件，她具備全方位的解決方案，致力於服務各水平段的開發人員，您的頁面會輕鬆地擁有豐富友好的操作體驗。其開元訪問地址為：http://layer.layui.com/

其支援皮膚擴充套件地址為：http://layer.layui.com/skin.html

下面是效果截圖展示：

下面介紹其使用方法：

在其網站中下載元件包，將layer資料夾拷貝到專案目錄中去。

1）、在頁面中引入juqery（使用1.8以上版本）、js和css

 <link href="../../Scripts/layer/skin/layer.css" rel="stylesheet" />
        <script src="../../Scripts/Jquery-1.8.0.min.js"></script>
       <script src="../../Scripts/layer/layer.js"></script>

      2）、編寫js方法，呼叫layer中的方法，這裡要屬性其屬性和方法，詳細參考地址：http://layer.layui.com/api.html
     <script type="text/javascript">
          function Add() {
              layer.open({
                 title: '角色資訊-新增',
                 type: 2,
                 content: 'RoleEdit.aspx',
                 area: ['350px', '300px'],
                 shade: false,
                 shift: 0
             });

 }
   </script> 

<input type="button" value="新增" onclick="Add();" />