使用方法:引入jquery1.8以上的版本,引入layer
可以使用已集成的方法,比如:
1 2 3 | layer.alert( "弹出层提示信息" , 1, function (){ alert( "你好" ); }) |
可以自己扩展,比如:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | //在这里面输入任何合法的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' //从上动画弹出 }); |
======以下代码由 聆風沐雨 提供=======
主动调用关闭方法
1 2 | var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); //关闭 |
子层调用父层的元素
parent.$('id/class');
回调事件(close事件为子层右上角关闭按钮的点击事件触发回调函数 end事件为子层被彻底关闭后执行的回调函数)
1 2 3 4 5 6 | close: function (url){ }, end: function (){ } |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com