如何给html页面添加动态等待效果

如何给html页面添加动态等待效果,第1张

楼上的总结也很全面,我从我的经验中总结如下

1:ajax请求过程绑定beforeSend方法。

2:触发事件时显示loading部分html。完成后再隐藏html

可以使用css3中的rotate实现

实际的旋转效果是这样:

rotate中的 60deg 表示按最原始的位置,顺时针旋转60°

w3school 里面有更详细用法,可以2D旋转、3D旋转

可以参考:网页链接

动画效果可以通过js改变rotate中传入的值来实现

很简单,首先写一个转圈的图片遮罩层状态hide,点击按钮后让该遮罩show,在你提交成功的时候再次隐藏遮罩,d出提示框,给提示框一个mouserover事件,判断大于3秒关闭提示框。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7268479.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存