我正在参加「兔了个兔」创意投稿大赛，详情请看：「兔了个兔」创意投稿大赛

前言

本人是主要开发安卓项目的，但最近也看到一些工具在web端也可以使用，所以也写了一个码上掘金代码块来献献丑。

正篇

使用方法

我不怎么熟悉前端代码，所以就是直接粗暴的使用了lottie动画库，让页面就有了一个循环动画，看起来也很漂亮。而这仅仅只需要使用js，而我们可以在官方的素材网站获取相应的js文件引入方法。

首先我们可以看看Lottie官方库：GitHub - airbnb/lottie-web: Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/ ，官方介绍了Web如何使用它们。

但我因为在Web上属于小白，所以直接跑去素材库找动图，使用方法就简单很多，也不用UI设计师去帮忙了。首先我使用的素材库的地址是：LottieFiles: Download Free lightweight animations for website & apps. ，首先进入网站后鼠标触碰下拉菜单，选第一个free的：

搜索想要的再去点击图片再从新弹出的窗口右下角找到HTML标识，点进去就能直接复制js控制代码，放入你的HTML代码中就可以直接使用了。

本来以为这样做是很简单的事情，但我的web开发技术实在太糟糕，最终展示效果太差，图片太靠左，所以最近请教了我们唯一一个前端，他帮我稍微调整了一下代码，不然整个页面没法看。

最终效果

代码贴在下面：

总结

这篇文章整整从年前到年后，一直写不下去，因为自己根本不会前端嘛，不过好在勉强能看，这迟来的祝福希望你们喜欢吧，新年快乐！