用layer在表单提交后加载过渡效果

OLEOU/ lz1473/网站制作/2020-11-24/

上一篇文章提到了php表单提交发邮件,但是点击提交后需要等待几秒,这点时间总感觉会发生什么...于是加个过渡效果,是整个过程流程一点。
layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验。
官网https://layer.layui.com/

引入JS
<script src="https://cdn.bootcss.com/layer/2.3/layer.js" ></script>

将提交按钮的type设为type="submit",在提交事件设为
onSubmit="layer.msg('提交中,请稍后...', {  icon: 16  ,shade: 0.1});"
 

TAGS:layer 表单 提交 加载 过渡 loading 效果

打赏 点赞
邮箱
验证码
昵称