>[danger] 前期准备
~~~
//html 引入 Layer 的 JS 文件和JQuery
<script src='https://cdn.bootcss.com/jquery/1.8.3/jquery.min.js'></script>
<script src='https://cdn.bootcss.com/layer/3.1.0/layer.js'></script>
~~~
>[danger] 基本语法
~~~
layer.open({
配置项:值,
配置项:值,
........
})
~~~
>[danger] 弹窗层效果
| type值 | 说明 |
| --- | --- |
| 0 | 信息框 |
| 1 | 页面 |
| 2 | iframe框架 |
| 3 | loading加载 |
| 4 | tips小标签提示 |
>[info] 基本格式
~~~
$('btn').click(function(){
layer.open({
type:0,
title:'提示框标题', //默认样式
//title:['提示框标题','color:white;width:100px' ], // 设置内容和样式
//title:false, type值为false时,提示标题隐藏
content:'提示框内容', //content 根据type的值有不同的类型,有html代码,dom节点,url
//tpye: 4 时,conntent:['提示信息',dom节点], 可以为具体节点添加提示标签
icon:1, //icon 值为1-6,可以显示不同的小图标,icon会根据type值得类型变化
})
});
~~~
>[danger] alert 弹窗
>[info] 基本格式
~~~
layer.alert({
配置项:值,
配置项:值,
........
})
//layer.alert 和layer.open 用法基本一致,区别在于layer.alert内没有type属性
~~~
>[danger] confirm 询问框
>[info] 基本格式
~~~
layer.confirm(content,options,function(){
选择Yes之后执行得代码
},function(){
选择No之后执行得代码
})
//Content:设置comfirm的弹层内容
//Options:配置基础参数
~~~
- 概要
- HTML
- CSS
- PHP
- Mysqli
- Mysqli 连接查询
- Mysqli 左外连接查询
- Mysqli 右外连接查询
- JavaScript
- JS 变量和常量的定义
- JS 运算符
- JS 流程控制
- JS 函数
- JS 数组
- JS数据类型
- JS 错误处理
- JS作用域
- JS 节点操作
- JS 遗留DOM
- JS 闭包
- JS 对象(构造函数)
- JS JSON
- JS 节点属性操作
- JS 设置CSS样式
- JS 获取元素位置
- JS 事件
- JS 内置对象
- String 对象
- Date 对象
- Array 对象
- Math 对象
- Window 对象
- navigator 对象
- screen 对象
- location 对象
- Ajax
- 创建 Ajax 对象(兼容)
- AJax 对象属性和方法
- Ajax get 五步骤
- Ajax post 六步骤
- Ajax get&post 封装
- XML
- XML 语法&格式
- DOM 节点创建XML
- PHP 创建XML
- xmlwrite 类创建XML
- xmlReader 类解析xml
- JQuery
- JQuery 选择器
- JQuery 事件
- JQuery 节点之间的操作
- JQuery html属性设置
- JQuery Class属性设置
- JQuery CSS样式设置值
- JQuery 文本内容获取
- JQuery 动画特效
- JQuery 数组&对象遍历
- JQuery 对象扩展方法
- JQuery Ajax操作
- JQuery Pjax
- JQuery Layer前端框架
- JQuery validation 插件
- ThinkPHP5
- 数据库配置
- 基本操作
- 查询构造器
- 查询数据
- 增加数据
- 更新数据
- 删除数据
- Session
- Cookie
- Linux
- 指令分类
- 文件属性
- 文件处理命令
- 帮助命令
- 解压缩命令
- 网络通信命令
- 系统开关机
- Shell使用技巧
- VIM+vi 指令