使用方法:引入jquery1.8以上的版本,引入layer
可以使用已集成的方法,比如:
layer.alert("弹出层提示信息", 1,function(){ alert("你好"); })
可以自己扩展,比如:
//在这里面输入任何合法的js语句(以下将演示一个自定义风格的层) $.layer({ type: 1, //0-4的选择,(1代表page层) area: ['500px', '300px'], //shade: [0], //不显示遮罩 border: [0], //不显示边框 title: [ '你好,layer。', //自定义标题风格,如果不需要,直接title: '标题' 即可 'border:none; background:#61BA7A; color:#fff;' ], bgcolor: '#eee', //设置层背景色 page: { html: '<div style="padding:50px;">这是一个非常普通的页面层(type:1),传入了自定义的html</div>' }, shift: 'top' //从上动画弹出 });
======以下代码由 聆風沐雨 提供=======
主动调用关闭方法
var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index);//关闭
子层调用父层的元素
parent.$('id/class');
回调事件(close事件为子层右上角关闭按钮的点击事件触发回调函数 end事件为子层被彻底关闭后执行的回调函数)
close: function(url){ }, end: function(){ }