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

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(1)


相关推荐

  • SpringBoot和Spring到底有没有本质的不同?

    SpringBoot和Spring到底有没有本质的不同?现在的Spring相关开发都是基于SpringBoot的。最后在打包时可以把所有依赖的jar包都打进去,构成一个独立的可执行的jar包。如下图:使用java-jar命令就可以运行这个独…

  • python fast api_python django框架

    python fast api_python django框架Tensorflow已经有了Keras,PyTorch当然也得出一个对标的高阶封装库,于是Fastai应运而生。由于目标市场比较低端,Fastai在某种程度上舍弃了定制化,更追求开箱即用。个人感觉会成为神经网络界的sklearn吧。…

  • Keil注册机_Keil注册机下载

    Keil注册机_Keil注册机下载1.最新的Keil注册机,注册后可以使用到2032年。注册机下载链接:https://pan.baidu.com/s/1tamsdx_5J0yPF5o4nzaaQg提取码:htlf2.注册机使用步骤(1)打开KeiluVision5。注意:一定要使用管理员权限打开!!!!(2)找到keil的license(3)打开注册机并完成注册…

  • Python练习题 025:判断回文数[通俗易懂]

    Python练习题 025:判断回文数[通俗易懂]【Python练习题025】 一个5位数,判断它是不是回文数。即12321是回文数,个位与万位相同,十位与千位相同。做题做到现在,这种题目已经很轻车熟路了。希望下一题能增加点难度啊~~~

  • i386和i686的区别[通俗易懂]

    i386和i686的区别[通俗易懂]i386和i686现在所有的intel32位体系(包括AMD等兼容CPU)都叫i386体系,包括P4。、i686仍然属于i386体系,不过对CPU(相对于386)的特性作了指令优化。GNU/Linux分为alpha、PowerPC、Sun等各个不同版本,所有从Intel386-P4都用i386版本,但i386版本中有几个内核(i486,i486,i586,i686),安装时安装程序检测到

  • Java8中set转list

    Java8中set转list实现相同的逻辑功能,但是耗时缩短了很多,逻辑的实现是最基础的要求,如何提升效率提高代码质量才是一个有活力的程序员转载于:https://my.oschina.net/u/358904…

发表回复

您的电子邮箱地址不会被公开。

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