这一期小编来分享一个小东西哈,它在编程中被我们称为弹出层!
弹出层相信大家都不陌生吧,可以顾名思义就是在页面弹出一个东西,什么东西呢?
弹出的那个东西我们叫它模态框!
总的来说呢就是弹出一个模态框来提示用户某些东西。
好了,下面我要分享的弹出层是layui里面的一个模块(layer),至于我为什要分享layui里面的呢,因为它封装模态框相对于其他更加的美观,原始的弹出层就更不用说了吧(丑拒一波)
下面就进入正题吧
弹出层(layer)它有两种使用方式:
第一种是作为独立组件来使用,当你只想要layer弹出层的时候就更加适合用这种方式,但这种方式相对于第二种方式来说呢不同的地方就是它要引入两个js文件,一个是jQuery 1.8以上的任意版本,而另一个则是layer的自身js文件
(效果图如下)
而第二种方式呢就是在layui上模块化使用,当你在用layui框架来编写你的页面的时候要用到layer弹出层,我们可以直接写js代码就行,不用像第一种方式那样再引入那两个js文件!
(注意看注释哈,下面分享几种弹出模态框)
上面的呢是一个可以拖动的选择模态框,这种一般都是用户要执行某些操作(如删除)的时候给用户再次确认是否要执行该操作
上面的是一个单纯的模态框,用处和第一种方式那分享的那个模态框效果是一样的,属只是提示一波
插件里面还封装了好多的自定义参数,这个看官们需要的话可以自行到官网去看下哈(太多分享不过来哈)
本期完