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


相关推荐

  • eclipse全文搜索快捷键_eclipse查看被引用快捷键

    eclipse全文搜索快捷键_eclipse查看被引用快捷键文件太多单个找太麻烦,eclipse提供了全局搜索的功能,下面就和大家分享一下如何使用eclipse全局搜索功能。eclipse全局搜索快捷键是什么全局搜索快捷键是Ctrl+H。搜索功能具体用法如下:1、打开eclipse,使用快捷键“ctrl+H”打开文件搜索对话框,或者点击“search”标签打开文件搜索对话框。2、然后选择“FileSearch”标签,在Containingtext…

    2025年7月1日
    4
  • bzero memset_arctan3分之1

    bzero memset_arctan3分之1bzero函数函数原型:voidbzero(void*s,intn);头文件:#include<string.h>功能:将字符串s的前n个字节置为0,一般来说n通常取sizeof(s),将整块空间清零。返回值:无返回值例子:将一个数组清零:charstr[10];bzero(str,sizeof(str));也可以将一个结构体清零:structnode{…

    2022年10月13日
    5
  • SQL service基础(四)连接查询、自身连接查询、外连接查询和复合条件连接查询[通俗易懂]

    SQL service基础(四)连接查询、自身连接查询、外连接查询和复合条件连接查询[通俗易懂]实验目标:1.掌握涉及一个以上数据表的查询方法。2.掌握等值连接3.掌握自然连接4.掌握非等值连接5.掌握自身连接、外连接和复合条件连接本次实验sql脚本:INSERT[dbo].[T]([TNO],[TN],[SEX],[AGE],[PROF],[SAL],[COMM],[DEPT])VALUES(N’T1′,N’李力  ‘,N’男’,…

    2022年5月6日
    71
  • SqlServer数据库备份与还原

    SqlServer数据库备份与还原最近需要给程序新增功能,用于将旧格式的数据转换为新格式,同时删除旧格式的数据(新旧格式的数据库表有部分重叠,同一份数据无法同时存在新旧格式的数据),由于测试环境中的测试数据不多,功能调试几次之后就没有旧格式的数据做测试了,因此想到在功能调试前先将测试数据库备份,然后功能调试之后再将测试数据库还原,这样就可以重复的进行功能调试。  数据库备份过程比较顺利,但是还原过程中出现错误,无论是还原数据库还是还原数据库文件都报错

    2022年5月15日
    40
  • 2021年10月TIOBE排行 榜首 Python yyds[通俗易懂]

    2021年10月TIOBE排行 榜首 Python yyds[通俗易懂]2021年10月TIOBE排行榜首Pythonyydspython这次不负众望,登上了榜首,大势所趋罢了,意料之中的事情。简介Python(英国发音:/ˈpaɪθən/美国发音:/ˈpaɪθɑːn/),是一种面向对象的解释型计算机程序设计语言,由荷兰人GuidovanRossum于1989年发明,第一个公开发行版发行于1991年。Python是纯粹的自由软件,源代码和解释器CPython遵循GPL协议。2017年7月20日,IEEE发布2017年编程语言排行榜:Python高居首位。未

    2022年5月2日
    35
  • Java反射是什么?看这篇绝对会了![通俗易懂]

    Java反射是什么?看这篇绝对会了![通俗易懂].概念反射就是把Java的各种成分映射成相应的Java类。Class类的构造方法是private,由JVM创建。反射是java语言的一个特性,它允程序在运行时(注意不是编译的时候)来进行自我检查并且对内部的成员进行操作。例如它允许一个java的类获取他所有的成员变量和方法并且显示出来。Java的这一能力在实际应用中也许用得不是很多,但是在其它的程序设计语言中根本就不存在这一特性。例如,Pascal、C或者C++中就没有办法在程序中获得函数定义相关的信息。(来自Sun)JavaBe

    2022年7月7日
    21

发表回复

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

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