一、要想有好看的弹窗出现,首先需要引入js文件
/first_blood/public/javascripts/layer
/first_blood/public/javascripts/layer/extend
/first_blood/public/javascripts/layer/skin
/first_blood/public/javascripts/layer/layer.min.js
1.加载iframe,把一个页面加载到弹窗里
$.layer({
type: 2,title: '资金托管认证注册',
maxmin: false,
area: ['877px', '566px'],
border: [8, 0.3, '#000'],
shade: [0.5, '#000'],
shadeClose: false,
closeBtn: [0, true],
fix: true,
iframe: {src : '@{front.account.CheckAction.check}'},//把src对应的url请求的页面加载到当前的页面弹窗内。
end: function(index){
setTimeout("redirect()", 100);
}
});
2.加载div或者其他代码块到页面弹窗
$.layer({
type: 1,
area: ['320', 'auto'],
border: [0],
title:['活期宝转出','background:#61BA7A;color:#fff;'],
page: {dom : '#roll_out_input'}
});
3.对话框
dialog : { btns : 1, btn : ['确定','取消'], type : 3, msg : '', yes : function(index){ }, no : function(index){ } } eg 1:alert()弹框 $(function(){ $.layer({ shade : ['',false], area : ['auto','auto'], title : ['',false], dialog : {msg:'我有我的世界'} }); }) eg2:4.tips//询问框 $.layer({ shade : ['',false], area : ['auto','auto'], dialog : { msg:'您是如何看待前端开发?', btns : 2, type : 4, btn : ['重要','奇葩'], yes : function(){ layer.msg('您选择了重要。',2,1); }, no : function(){ layer.msg('奇葩!!!',2,4); } } });
//小tips层
$('#dssss').click(function(){
layer.tips('我爱你,你爱我吗?' , this , 3);
});
5.成功后回调方法
success : function(layer){}
6.右上角关闭按钮点击回调方法
close : function(index){}
7.层关闭的回调方法
end : function(){}
8.还有内置函数
layer.alert()
layer.confirm()
等
自从弹窗告一段落.