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


相关推荐

  • Ubuntu 系统 dpkg 命令使用详解

    Ubuntu 系统 dpkg 命令使用详解dpkg即packagemanagerforDebian,是Debian和基于Debian的系统中一个主要的包管理工具,可以用来安装、构建、卸载、管理deb格式的软件包。安装软件使用dpkg命令安装软件时,可以使用-i选项并指定deb安装包的路径。和Ubuntu下的另一个包管理工具apt-get(AdvancedPackageTool)有所不同。apt-get命令并不直接操作deb安装包文件,而是从/etc/apt/s…

    2022年5月11日
    54
  • PB AcceptText()函数

    PB AcceptText()函数文章来源:https://bbs.csdn.net/topics/380140428此文章解释的很清楚,以下博文仅用于记录AcceptText()功能将“漂浮”在数据窗口控件上编辑框的内容放入到数据窗口控件的当前项中(主缓区中)。在将数据放入到当前项之前,编辑框中的数据必须通过有效性规则检查语法dwcontrol.AcceptText()参数dwcontrol:数…

    2022年7月26日
    9
  • java与php哪个好_java和php哪个是主流

    java与php哪个好_java和php哪个是主流首先介绍一下我自己,一直在从事教育行业,有十几年的IT培训经验,从干这行起一直到现在,总会有人问你:服务器端开发是学php好还是java好,如果你告诉她(他)学习php好,他(她)会反问,听说php只

    2022年8月3日
    2
  • Java Calendar获取年、月、日、时间[通俗易懂]

    Java Calendar获取年、月、日、时间[通俗易懂]Calendarc=Calendar.getInstance(TimeZone.getTimeZone(“GMT+08:00”));//获取东八区时间intyear=c.get(Calendar.YEAR);//获取年intmonth=c.get(Calendar.MONTH)+1;//获取月份,0表示1月份intday=c.get(Calend…

    2022年5月2日
    41
  • APP稳定性测试_APP测试

    APP稳定性测试_APP测试APP稳定性测试概念指软件长时间的持续运行,系统版本是否稳定,是否能否持续的为用户提供服务测试指标异常的次数异常的频率测试工具MonkeyMonkey是向系统发送随机的用户事件流(如按键输入、触摸屏输入和手势输入等),实现对正在开发的应用程序进行稳定性测试。可以更好的模拟用户操作,确保App的稳定性。  通过Monkey程序模拟用户触摸屏幕、滑动Trackball、按键等操作来对设备上的程序进行压力测试,检测程序多久的时间会发生异常Monkey原理Monk.

    2022年9月9日
    0
  • Java的封装方法

    Java的封装方法在面向对象程式设计方法中,封装(英文名称:Encapsulation)是指一种将抽象性函式接口的实现细节部份包装、隐藏起来的方法。封装可以被认为是一个保护屏障,防止该类的代码和数据被外部类定义的代码随机访问。要访问该类的代码和数据,必须通过严格的接口控制。适当的封装可以让程式码更容易理解与维护,也加强了程式码的安全性,这个就是Java封装方法。下面是封装方法的示例代码:publicclass…

    2022年7月8日
    27

发表回复

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

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