layerポップアップレイヤ
2495 ワード
layerを使用する場合はlayerを導入する必要がある.jsの前にjqueryを導入します.
layerポップアップ層のいくつかの弾枠方式を簡単に整理して、後で使用する時の検索を便利にします:
1.ポップアップ・プロンプト・レイヤ
2.ページレベルをポップアップ
3.iframeレイヤをポップアップ
4.loadingレイヤをポップアップ
5.tipsレイヤをポップアップ
もちろん、私のコードにはイベントがバインドされていません.自分でイベントをバインドする必要があります.
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');
});
もちろん、私のコードにはイベントがバインドされていません.自分でイベントをバインドする必要があります.