jQuery+CSS3按钮加载动画特效
按钮的加载动画，多时候就是提升体验的关键一环。jQuery+CSS3的组合，在这里就玩得挺灵活。用 jQuery 监听按钮点击，再用 CSS3 搞出一个加载效果——响应快，视觉也不赖，用户一看就知道“哦，系统在忙”。
操作起来不复杂，HTML 里放个按钮，给它个id或class，jQuery 一抓就能用。比如用$('#loadBtn')绑定click事件，一点击，按钮切换 class 名，加载动画立马上。
CSS3 的动画特性在这里派上大用场。用@keyframes搞个旋转、渐变之类的特效，比如按钮点击后颜色慢慢淡出，或者出现转圈圈图标——都不难，关键是配合得当。
JavaScript 文件就负责逻辑：触发动画、发起 Ajax 求、数据回来再更新 DOM。像用$.ajax求接口，在success回调里搞定页面刷新，操作也直观。
HTML 结构也简单，index.html里放按钮，再引个 jQuery 库和自己的main.js脚本，还有一个外链 CSS 文件搞定样式。结构清晰，维护也方便。
如果你正好在做表单提交、内容加载这种页面，不妨试试这个方案。代码量不多，效果还蛮酷，体验提升也比较。
文件大小：35.04KB
评论区