<rp id="ulz1c"><object id="ulz1c"></object></rp>

        <dd id="ulz1c"><pre id="ulz1c"></pre></dd>
        <li id="ulz1c"></li>

        <span id="ulz1c"></span>
      1. <tbody id="ulz1c"></tbody>

          layer 快速上手

          如果,你初識layer,你對她不知所措,你甚至不知如何綁定事件… 那或許你應該用秒做單位,快速認識她

          獲得 layer 文件包后,解壓并將 layer 整個文件夾(不要拆分結構) 存放到你項目的任意目錄,使用時,只需引入 layer.js 即可。 下面是一個入門示例:
          <!DOCTYPE html>
          <html>
          <head>
            <meta charset="utf-8">
            <title>開始使用layer</title>
          </head>
          <body>
          
            
            
            <script src="jQuery的路徑"></script> <!-- 你必須先引入jQuery1.8或以上版本 -->
            <script src="layer.js的路徑"></script>
            
            <script>
            
            //彈出一個提示層
            $('#test1').on('click', function(){
              layer.msg('hello');
            });
            
            
            //彈出一個頁面層
            $('#test2').on('click', function(){
              layer.open({
                type: 1,
                area: ['600px', '360px'],
                shadeClose: true, //點擊遮罩關閉
                content: '\<\div style="padding:20px;">自定義內容\<\/div>'
              });
            });
            
            
            //彈出一個iframe層
            $('#parentIframe').on('click', function(){
              layer.open({
                type: 2,
                title: 'iframe父子操作',
                maxmin: true,
                shadeClose: true, //點擊遮罩關閉層
                area : ['800px' , '520px'],
                content: 'test/iframe.html'
              });
            });
            
            
            //彈出一個loading層
            $('#test4').on('click', function(){
              var ii = layer.load();
              //此處用setTimeout演示ajax的回調
              setTimeout(function(){
                layer.close(ii);
              }, 1000);
            });
            
            
            //彈出一個tips層
            $('#test5').on('click', function(){
              layer.tips('Hello tips!', '#test5');
            });
            
            </script>
          
            當你對此建立了一定的初始,你應該去詳看API手冊了。
          
          </body>
          </html>
            
          亚美AV,影音先锋下载,影音先锋5566,在线视频,高清盛宴尽在亚美AV