layui弹出层html页面,layui弹出层

layui弹出层html页面,layui弹出层利用layui框架layer部分执行的弹出层,这样比起普通alert的弹出层更美观首先,写一个按钮点击试试js部分$(document).ready(function(){$(‘.btn’).on(‘click’,function(){layer.confirm(‘你好吗?’,{btn:[‘好’,’不好’]},function(){layer.msg(‘hao’,{ico…

大家好,又见面了,我是你们的朋友全栈君。

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

首先,写一个按钮

点击试试

js部分

$(document).ready(function () {

$(‘.btn’).on(‘click’, function () {

layer.confirm(‘你好吗?’, {

btn: [‘好’, ‘不好’]

}, function () {

layer.msg(‘hao’, { icon: 1 })

}, function () {

layer.msg(‘buhao’, { icon: 1 })

});

})

})

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

766110340271de4e81c0548dabe5cd49.png

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

d6e488edcca87bc6c0a5cb9e0adc0382.png

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

78851df0a67b160d25654531e91c4673.png

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

b55693e4982826d8589a6ad4772e9a03.png

标签:function,layer,layui,出层,点击,弹出,btn,icon

来源: https://www.cnblogs.com/zhangcheng001/p/11366574.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/130242.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • goland 2022.01.13 激活码(注册激活)

    (goland 2022.01.13 激活码)最近有小伙伴私信我,问我这边有没有免费的intellijIdea的激活码,然后我将全栈君台教程分享给他了。激活成功之后他一直表示感谢,哈哈~IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html40…

    2022年4月2日
    208
  • VUE控制台报错

    VUE控制台报错

    2020年11月9日
    198
  • Ubuntu 20.04 虚拟显示器且远程连接

    Ubuntu 20.04 虚拟显示器且远程连接一、配置方法1)安装软件通过终端安装虚拟显示器软件。$sudoapt-getinstallxserver-xorg-core-hwe-18.04$sudoapt-getinstallxserver-xorg-video-dummy2)添加配置文件在/usr/share/X11/xorg.conf.d/中添加xorg.conf文件。$sudovim/usr/share/X11/xorg.conf.d/xorg.confSection”Device”

    2022年8月21日
    15
  • Linux 查看环境变量_Linux怎么设置环境变量

    Linux 查看环境变量_Linux怎么设置环境变量各位客官好啊,最近新冠病毒疫情比较严重,还望各位出门时多多防范,一定要带口罩!!!接下来,讲一讲环境变量的相关知识点,既然提到了环境变量,那么我当前的环境里有多少默认的环境变量呢?关于这个问题,我教你两个命令就可以了,并且这两个命令一个比一个牛?先说一说【env】一、用env命令来查看环境变量上图就是我的系统输出的结果,简单给大家介绍几个重点的变量1)HOME:代表用户的家目录,通过cd…

    2022年9月1日
    9
  • 【X11vnc】Ubuntu18.04 x11vnc启动失败,报错error opening logfile: /var/log/x11vnc.log

    【X11vnc】Ubuntu18.04 x11vnc启动失败,报错error opening logfile: /var/log/x11vnc.logUbuntu18.04x11vnc启动失败,报错erroropeninglogfile:/var/log/x11vnc.log前提概要报错解决方案前提概要之前在Ubuntu18.04安装了x11vnc,最近通过vncview连不上了,使用ssh登录后,根据journalctl-ux11vnc发现报错创建/var/log/x11vnc.log后查看x11vnc.log报错root@VM-16-8-ubuntu:/home/ubuntu#cat/var/log/x11vnc.l

    2025年6月9日
    5
  • Python – Pycharm venv 离线安装模块「建议收藏」

    Python – Pycharm venv 离线安装模块「建议收藏」当开发主机离线,又需要在Pycharm项目的venv环境安装某个模块时,打开项目下面的Terminal窗口,进行安装。pipinstallD:\Dev\Python\pkg\six-*.whlpipinstallD:\Dev\Python\pkg\kazoo-*.whlpiplist打开Terminal后,该项目下的venv虚拟环境是会自动激活的,无需执行activate.bat手动激活。…

    2022年8月29日
    10

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号