1、打开前端开发工具，新建一个html代码页面
2、在html代码页面上引入下载好的layer.css、jquery.js、layer.js这三个文件
3、创建layer弹出框。新建一个<script>标签,然后在这个标签里面使用layer.open()创建一个弹出框,同时使用maxmin:true添加最大化、最小化按钮。代码： layer.open({ type: 2, content: "test.html", maxmin:true, })
4、添加最小化回调事件。在layer.open()方法里面添加min:function(){alert('点击最小化时触发回调函数');},当点击最小化按钮时页面就会弹出点击最小化的alert提示信息最小化回调函数：min: function() { //点击最小化后的回调函数 alert('点击最小化时触发回调函数'); }
5、添加最大化回调事件。在layer.open()方法里面添加full:function(){alert('点击最大化时触发回调函数');},当点击最大化按钮时页面就会弹出点击最大化的alert提示信息。最大化回调函数：full: function() { //点击最大化后的回调函数 alert('点击最大化时触发回调函数'); }
6、添加还原回调事件。在layer.open()方法里面添加restore:function(){alert('点击还原时触发回调函数');},当点击还原按钮时页面就会弹出点击还原的alert提示信息。还原回调函数：restore: function() { //点击还原后的回调函数 alert('点击还原时触发回调函数。'); }
7、保存html代码然后使用浏览器打开,接着点击最小化、最大化、还原按钮即可看到页面上显示对应的提示信息
