jQuery加载动画实现与优化

转圈圈的加载动画真的是前端里经常用到的小细节，别小看它，一个好的 loading 效果能让用户等得更安心。用 jQuery 来搞这个事，其实挺，不用太多代码就能跑起来，配合点 CSS3 动画，加载状态就能清楚明了地表现出来。

动画部分主要靠 @keyframes，让一个带边框的 div 自转起来，样式怎么调都行，转速、颜色都能改，想要红圈圈还是绿圈圈，全凭你设计感。

控制显示/隐藏加载动画就用 $('#loading').show() 和 $('#loading').hide()， jQuery 的味儿，适合快速加在 AJAX 求前后用一下，用户体验提升不少。

如果想偷个懒或者要搞点 fancy 的效果，可以看看像 jQuery 加载等待转圈插件 这种插件，用法也挺简单，直接引入 spin.js 配个参数就能用了。

加载动画别太复杂，用户等的时间短，提示清晰就够。如果你在做数据求、分页加载或者图片懒加载，套一个 loading 效果还是蛮值的。