码迷,mamicode.com
首页 > 其他好文 > 详细

layui弹出层

时间:2019-08-16 22:57:26      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:nbsp   页面   func   img   conf   image   fir   UNC   按钮   

  利用layui框架layer部分执行的弹出层,这样比起普通alert的弹出层更美观

  首先,写一个按钮

<button class=‘btn‘>点击试试</button>

  js部分

 $(document).ready(function () {
            $(‘.btn‘).on(‘click‘, function () {
                layer.confirm(‘你好吗?‘, {
                    btn: [‘好‘, ‘不好‘]
                }, function () {
                    layer.msg(‘hao‘, { icon: 1 })
                }, function () {
                    layer.msg(‘buhao‘, { icon: 1 })
                });
            })
        })

点击页面中的按钮  显示当前界面

技术图片

 

 点击好,会显示设置好的信息

技术图片

同样,点击不好,也会显示对应的信息

技术图片

  在弹出的时候还会有遮罩层,而且可以随意移动

技术图片

 

layui弹出层

标签:nbsp   页面   func   img   conf   image   fir   UNC   按钮   

原文地址:https://www.cnblogs.com/zhangcheng001/p/11366574.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!