中青在线：邀你亲历长征路上那些生死攸关的时刻

2017-08-31 H5案例分享 H5案例分享

案例：邀你亲历长征路上那些生死攸关的时刻

出品：中青在线

亮点：

策划上，测试答题类，① 上传图片，穿上军装，成为一名红军战士；② 踏上征途，开始答题，共有十道关于长征的题，每答完一题，红军随着长征路线，向前迈进一些，答错一题，则负伤依次，并出现正确答案的提示；③ 全部答完，长征结束，即可在尾屏看到自己共负伤多少次，在长征路上走了多长
设计上，大字报风格，采用棕色作为主色调，每一题都采用动态图片+题目选项的方式，生动形象有趣味
技术上，整体动画主要采用的是CSS3的animation

技术实现： jQuery

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

邀你亲历长征路上那些生死攸关的时刻-查阅二维码

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签