1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > layer - 简单好用的Web弹出层组件使用详解1(安装配置 消息提示框)

layer - 简单好用的Web弹出层组件使用详解1(安装配置 消息提示框)

时间:2021-10-22 11:33:26

相关推荐

layer - 简单好用的Web弹出层组件使用详解1(安装配置 消息提示框)

一、基本介绍

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,它不会自动消失,点击“确定”按钮后才会关闭。

1,基本用法

2,修改提示框标题

3,带有图标的提示

4,确定按钮点击回调

5,修改按钮文字

6,综合使用

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。