layerポップアップレイヤ

2495 ワード

layerを使用する場合はlayerを導入する必要がある.jsの前にjqueryを導入します.
layerポップアップ層のいくつかの弾枠方式を簡単に整理して、後で使用する時の検索を便利にします:
1.ポップアップ・プロンプト・レイヤ
//       
     $('#test1').on('click', function(){
        layer.msg('hello');
     });

2.ページレベルをポップアップ
$('#test2').on('click',function(){
        layer.open({
            type:1,
            area:['600px','300px'],
            shadowClose:true,
            content:'
' }); });

3.iframeレイヤをポップアップ
$('#test3').on('click',function(){
        layer.open({
            type:2,
            area:['600px','300px'],
            shadowClose:true,
            content:"ifram.html"
        });
    });

4.loadingレイヤをポップアップ
$('#test4').on('click',function(){
        var li = layer.load();
        setTimeout(function(){
            layer.close(li);
        },2000);
    });

5.tipsレイヤをポップアップ
 $('#test5').on('click',function(){
        layer.tips('hello','#test1');
     });

 
もちろん、私のコードにはイベントがバインドされていません.自分でイベントをバインドする必要があります.