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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • informix最新版本_sql权威指南 pdf

    informix最新版本_sql权威指南 pdf 最让人兴奋的是《informix实用全书》,PDF清晰版091229InformixV11.50.xC6        http://cid-62f8b4120839d1a2.skyd…Informix/2009-12-29InformixV11.50.TC6Windows32bitEnglish(CZ6QHEN)InformixV1…

    2022年10月20日
    3
  • 【第一篇】Spring-Session实现Session共享入门教程

    任何一种技术的出现,都是来解决特定的问题的! 本篇开始学习Spring-Session相关的一些知识学习整理,让我们开始吧!Spring-Session介绍Spring-Session使用的场景?HttpSession是通过Servlet容器进行创建和管理的,在单机环境中。通过Http请求创建的Session信息是存储在Web服务器内存中,如Tomcat/Jetty…

    2022年2月27日
    44
  • bogon是什么意思_跟踪IP出现bogon是啥意思

    bogon是什么意思_跟踪IP出现bogon是啥意思在扫描内网时,主机名显示为bogon。bogon是指那些不该出现在internet路由表中的地址。这些地址应该包括:1,私有地址如10,172.16-32,192.168…..2,还未正式分配出去的地址本上用虚拟…

    2025年7月13日
    4
  • 关于WiFi密码破解的一些心得

    关于加密方式  目前无线网络加密形式常见的有两种:WEP和WPA/WPA2。  WEP破解方法相对简单,这种加密方式由于不安全现在基本上没有使用了。这里对其破解方法不做讨论。  WPA/WPA2破解的主流方法有Pin码破解、抓包破解。Pin码  Pin码破解最简单成功率最高,(需要路由器开启wps才行),使用QSS很快即可破解。  常用的pin码软件有幻影Pin、水…

    2022年4月14日
    158
  • Linux find的用法_find的用法归纳

    Linux find的用法_find的用法归纳在此处只给出find的基本用法示例,都是平时我个人非常常用的搜索功能。如果有不理解的部分,则看后面的"find运行机制详解"对于理论的说明,也建议在看完这些基本示例后阅读一遍理

    2022年8月4日
    8
  • executequery方法返回值_mysql数据库有什么用

    executequery方法返回值_mysql数据库有什么用1if(AccessCon.ExecuteSql(sql=”select*fromsalesDatawhereindex='”+man.Index+”‘”)>0)2{3retValue=AccessCon.ExecuteSql(sql=”updatesalesDatasetsellingPrize='”+m…

    2025年10月29日
    2

发表回复

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

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