使用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编写代码
<script type="text/javascript">
$(function() {
$("#btn").click(function() {
//询问框
layer.confirm('喜欢我吗?', {
btn: ['喜欢', '不喜欢']
}, function() {
layer.msg('我也喜欢你~^~', {
icon: 1
});
}, function() {
layer.msg('呵呵', {
icon: 1
});
});
});
});
</script>
这样,功能就可以实现了