jQuery弹框插件Layer 2.1
轻量级的弹框控件里,layer-v2.1真算得上是个老好用的家伙了。基于jQuery,语法简单,调用也方便,页面上要加个提示、确认框或者消息弹窗,分分钟的事。
Layer 的基础弹框类型挺多,比如信息提示、成功提示、错误提醒这些,只要写几行就能搞定。你直接用layer.open()
,传几个参数就能弹出来。响应也快,样式也还挺顺眼。
常见的确认框也有现成的,像删除数据或者要用户点头操作时合适。还能塞自定义 HTML 进去,甚至嵌个iframe
页面都没问题,用来展示图片、表单、外部内容都方便。
多层弹框嵌套?它也支持,还能管理弹框的层级。你可以控制哪一层在上、哪一层先弹,逻辑清楚。再搭配动画效果、拖拽、缩放这些功能,用起来体验还挺顺滑。
想自定义样式也行,像宽高、背景色、边框啥的,都有参数。API 接口蛮丰富的,基本上你想到的它都预留了入口。而且兼容性不错,连IE6
都照顾到了,老项目用着也安心。
使用流程也蛮简单,先引入jQuery
和layer
的 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 真的可以试试看。想结合Vue或React用也不是不行,封装一下就能上,挺灵活的。
layer-v2.1.rar
预估大小:12个文件
layer-v2.1
文件夹
layer
文件夹
extend
文件夹
layer.ext.js
5KB
skin
文件夹
layer.ext.css
3KB
layer.css
11KB
default
文件夹
loading-2.gif
2KB
icon.png
11KB
72.15KB
文件大小:
评论区