一、基本介绍
1,什么是 layer?
layer是一款近年来备受青睐的web弹层组件,可轻松实现Alert/Confirm/Prompt/ 普通提示 / 页面区块 /iframe/tips等等几乎所有的弹出交互。layer使用更少的代码展现更强健的功能,且格外注重性能的提升、易用和实用性。2,网站地址
GitHub主页:/sentsin/layer/3,安装配置
(1)layer库下载并解压后,将整个layer文件夹放到项目中来,这里面除了js库外还自带了一套默认皮肤。
(2)接着在需要使用layer的页面中将layer.js引入即可。同时由于其依赖jQuery,我们还需要引入jQuery。
二、简单的消息提示框(msg)
该提示框的特点是只有消息内容,且经过一段时间后会自动消失。
1,基本用法
2,带有图标的提示
3,修改自动关闭的时间
(1)通过time这个配置属性可以修改提示框显示的时间。
(2)如果将time设置为0,则提示框会一直显示,之后需要我们手动将其关闭。
可以通过提示框索引将其关闭:或者直接调用closeAll()方法关闭全部弹出框:
4,自动关闭后的回调
5,综合使用
三、信息提示框(alert)
该提示框有点类似系统的alert,它不会自动消失,点击“确定”按钮后才会关闭。