layer.js漂亮的弹出框
2024-08-31 07:55:41
它的官方网站:http://layer.layui.com/
消息、确认框、ifame、自定义文本、旋转木马,都有按钮,是一款强大的js 弹出框;
以下为本人的简单介绍:
layer.open({
type: 1, //1代表 content的值例如:'文本' ;2 代表 content的值例如'../index.html'
area: ['450px', '220px'],//显示的弹出框的宽度和高度
// skin: 'layui-layer-rim', //加上边框
content: '<div style="height: 130px; "> 受理。</div>'
, btn: ['确定' + 你的变量+ '', '取消','第三个按钮'] // 三个按钮的text值
, yes: function (index, layero) { //或者使用btn1
// layer.closeAll(); 或者用 layer.close(index); 关闭 现在的弹出框
//按钮【按钮一】的回调
}, cancel: function (index) { //或者使用btn2
//按钮【按钮二】的回调
//本身自带关闭弹出框功能
},btn3: function(index, layero){ //按钮【按钮三】的回调 }
});
如果要自定义样式,个人认为直接在浏览器里,调试样式,复制到你的head标签;
最新文章
- linux 命令之grep
- python2.7和python3共存
- 一款jQuery特效编写的大度宽屏焦点图切换特效
- IIS应用程序池性能分析
- Linux内核--网络栈实现分析(一)--网络栈初始化--转
- Java基础知识强化98:Apache和Tomcat服务器的联系与区别
- JSON 数据操作
- C语言第二次实验报告
- 基于Unity的AR开发初探:第一个AR应用程序
- webpack配置非CMD规范的模块
- HDFS基本架构及概念介绍
- class面向对象-2
- 栈 VS 队列
- Mac 报错:-bash: telnet: command not found
- c-lodop云打印实现手机打印 JS语句打印
- android aysncTask面试解析
- PL/SQL学习笔记之存储过程
- 使用navigator.userAgent.toLowerCase()判断移动端类型
- ThinkPHP模板内使用U方法
- 6.基本数据结构-双端队列(Deque)
热门文章
- MySQL定时任务与存储过程实例
- 遍历及过滤 first(), last() 和 eq() filter() 和 not()
- PHP Base64 加密 &; 解密
- Java根据HttpServletRequest请求获取服务器的IP地址
- Pyhton学习——Day3
- Tarjan算法 (强联通分量 割点 割边)
- parted分区流程操作
- 【hdu 6438】Buy and Resell
- ACdream 1229 Data Transmission
- mysql在windows下主从同步配置