来了老弟,帅气模态框

这一期小编来分享一个小东西哈,它在编程中被我们称为弹出层!
弹出层相信大家都不陌生吧,可以顾名思义就是在页面弹出一个东西,什么东西呢?
弹出的那个东西我们叫它模态框!
总的来说呢就是弹出一个模态框来提示用户某些东西。

好了,下面我要分享的弹出层是layui里面的一个模块(layer),至于我为什要分享layui里面的呢,因为它封装模态框相对于其他更加的美观,原始的弹出层就更不用说了吧(丑拒一波)

下面就进入正题吧

弹出层(layer)它有两种使用方式:

第一种是作为独立组件来使用,当你只想要layer弹出层的时候就更加适合用这种方式,但这种方式相对于第二种方式来说呢不同的地方就是它要引入两个js文件,一个是jQuery 1.8以上的任意版本,而另一个则是layer的自身js文件
(效果图如下)
在这里插入图片描述
在这里插入图片描述

而第二种方式呢就是在layui上模块化使用,当你在用layui框架来编写你的页面的时候要用到layer弹出层,我们可以直接写js代码就行,不用像第一种方式那样再引入那两个js文件!
(注意看注释哈,下面分享几种弹出模态框)

在这里插入图片描述
在这里插入图片描述
上面的呢是一个可以拖动的选择模态框,这种一般都是用户要执行某些操作(如删除)的时候给用户再次确认是否要执行该操作

在这里插入图片描述
在这里插入图片描述
上面的是一个单纯的模态框,用处和第一种方式那分享的那个模态框效果是一样的,属只是提示一波

插件里面还封装了好多的自定义参数,这个看官们需要的话可以自行到官网去看下哈(太多分享不过来哈)

本期完

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值