Layer 是一款广泛认可的网页弹窗组件,无需额外代码即可启用最大化和最小化按钮,仅需在选项中设 maxmin: true 即可实现。

启动开发工具,创建新的HTML页面文件。

在页面的标签后引入外部样式文件layer.css,确保链接正确加载。

在layer.css之后,添加已下载的jquery.js和layer.js两个外部文件的引用。

通过创建新的 script 标签,并在其中调用 layer.open() 方法,实现弹出框功能。

编写弹窗代码

})

打开已经保存的HTML文件,观察弹出窗口的效果。现在该功能已被激活,但默认状态下没有提供全屏(最大化)或最小化的操作选项,需要进行配置才能实现所有窗口控制功能。

在调用layer.open()时,设置maxmin为true即可启用窗口的最大化和最小化按钮功能。

代码:

})

保存HTML代码并刷新页面后,弹出框将显示新增的放大缩小按钮。

相关文章