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

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

下面就进入正题吧

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

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

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

来了老弟,帅气模态框
来了老弟,帅气模态框
上面的呢是一个可以拖动的选择模态框,这种一般都是用户要执行某些操作(如删除)的时候给用户再次确认是否要执行该操作

来了老弟,帅气模态框
来了老弟,帅气模态框
上面的是一个单纯的模态框,用处和第一种方式那分享的那个模态框效果是一样的,属只是提示一波

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

本期完

相关文章:

  • 2021-09-07
  • 2022-12-23
  • 2021-10-08
  • 2021-10-29
  • 2022-01-02
  • 2022-12-23
  • 2021-10-17
  • 2022-02-16
猜你喜欢
  • 2021-10-06
  • 2021-12-10
  • 2022-12-23
  • 2021-05-17
  • 2021-07-15
  • 2021-10-24
  • 2021-10-26
相关资源
相似解决方案