使用layer弹框入门

layer是layui的一个组件。

使用layer组件可以很方便地开发出完美的弹框,使用步骤:

第一步,在html文件中引入jquery和layer(layui这个前端框架依赖jquery)

<script type="text/javascript" src="js/jquery-3.2.1.js"></script>

<script type="text/javascript" src="layer/layer.js"></script>

使用layer弹框入门

第二步,使用layer编写代码

<script type="text/javascript">
$(function() {
$("#btn").click(function() {
//询问框
layer.confirm('喜欢我吗?', {
btn: ['喜欢', '不喜欢']
}, function() {
layer.msg('我也喜欢你~^~', {
icon: 1
});
}, function() {
layer.msg('呵呵', {
icon: 1
});
});
});

});

</script>

使用layer弹框入门

这样,功能就可以实现了

使用layer弹框入门

使用layer弹框入门

使用layer弹框入门