jQuery弹框插件Layer 2.1

轻量级的弹框控件里,layer-v2.1真算得上是个老好用的家伙了。基于jQuery,语法简单,调用也方便,页面上要加个提示、确认框或者消息弹窗,分分钟的事。

Layer 的基础弹框类型挺多,比如信息提示、成功提示、错误提醒这些,只要写几行就能搞定。你直接用layer.open(),传几个参数就能弹出来。响应也快,样式也还挺顺眼。

常见的确认框也有现成的,像删除数据或者要用户点头操作时合适。还能塞自定义 HTML 进去,甚至嵌个iframe页面都没问题,用来展示图片、表单、外部内容都方便。

多层弹框嵌套?它也支持,还能管理弹框的层级。你可以控制哪一层在上、哪一层先弹,逻辑清楚。再搭配动画效果拖拽缩放这些功能,用起来体验还挺顺滑。

想自定义样式也行,像宽高、背景色、边框啥的,都有参数。API 接口蛮丰富的,基本上你想到的它都预留了入口。而且兼容性不错,连IE6都照顾到了,老项目用着也安心。

使用流程也蛮简单,先引入jQuerylayer的 CSS、JS,写个$(document).ready(),里面写你要触发弹框的逻辑就行:

$(document).ready(function() {
  $('#openLayer').click(function() {
    layer.open({
      type: 1,
      title: '我的弹框',
      content: '欢迎使用 layer-v2.1!',
      area: ['300px', '200px']
    });
  });
});

如果你在找一个靠谱、省事儿的jQuery 弹框插件,layer-v2.1 真的可以试试看。想结合VueReact用也不是不行,封装一下就能上,挺灵活的。

rar
layer-v2.1.rar 预估大小:12个文件
folder
layer-v2.1 文件夹
folder
layer 文件夹
folder
extend 文件夹
file
layer.ext.js 5KB
folder
skin 文件夹
file
layer.ext.css 3KB
file
layer.css 11KB
folder
default 文件夹
file
loading-2.gif 2KB
file
icon.png 11KB
file
loading-1.gif 701B
file
icon-ext.png 6KB
file
loading-0.gif 6KB
file
layer.js 15KB
file
demo.html 4KB
file
更新日志.txt 1KB
file
打赏.jpg 37KB
rar 文件大小:72.15KB