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

时间: 2022-08-02 08:18:17 浏览次数:340

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

弹出框一弹窗提示加载层提示弹窗

各种各样的弹窗都有,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介绍,希望对你有帮助,更多内容关注蓝港网络

  非常感谢您读完蓝港网络的这篇文章:"网站制作中弹出窗提示JS插件layer介绍",仅为提供更多信息供用户参考使用或为学习交流的方便。我们公司提供:网站建设、网站制作、官网建设、SEO优化、小程序制作等服务,欢迎联系我们提供您的需求。

标签:

Copyright © 常州蓝港网络科技有限公司 苏ICP备2022017479号-1