网站制作中弹出窗提示JS插件layer介绍

2023-03-25    分类: 网站制作

弹出提示框是网站经常要使用到的一个功能,作为网站浏览用户,相信你也遇到很多弹窗,笔者收集了一些, 如下图所示

弹出框一加载层提示弹窗
各种各样的弹窗都有,JS也有自带的弹窗,但是样式不太友好,不能修改,功能也有缺陷。
我以前比较喜欢artDialog插件,版本也升级到6了,不过近期发现一个体验更好点的弹窗插件layer。
layer我感觉优点在于好用、灵活、界面好看、兼容性好。
下面展示部分代码!

//询问框
layer.confirm('商品加入购物车成功!', {
btn: ['继续购物','去购物车结算'] //按钮
}, function(){
//关闭页面,继续购物
}, function(){
layer.msg('也可以这样', {
time: 20000, //20s后自动关闭
btn: ['明白了', '知道了']
});
});
//提示层
layer.msg('系统加载中');
可见代码很简洁,只需要插入一个JS文件即可。
layui还提供了几种风格,如深蓝、墨绿。如果需要还可以手动修改CSS文件来自定义自己的风格。
经过使用发现,用的非常方便。
网站功能已经很成熟,固定功能使用对应的JS插件即可,不然所有都自己来写,不但BUG比较多,效率也慢,而且也要懂很多知识!
创新互联专注于网站建设小程序定制开发,欢迎有需求客户咨询,告诉我们你的需求,我们免费提供建站方案和报价。

当前题目:网站制作中弹出窗提示JS插件layer介绍
标题路径:https://www.cdcxhl.com/news/247613.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有网站制作

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

小程序开发