好搜：2015年网络流行语四六级考试

2016-07-08 H5案例分享 H5案例分享

案例：2015年网络流行语四六级考试

出品：好搜

亮点：

策划上，测试答题类，① 共有十道有关2015年度网络流行语的题，每题四个选项；②选项采用图文+文字的形式，增添了趣味性，全部答完后即可得出测试得分+评语；③ 感觉结果不满意的可再测一次，或点击尾页上的“请个家教”按钮到好搜网上去看看
设计上，采用橘黄色作为主色调，背景采用淡灰色的格子图片
交互上，答完一题自动进入到下一题，每次测试，出现的十道题稍有不同
技术上，题目和选项采用从js数组中每次随即取数据添加到html页面中的方式，在js代码中不仅可以看出这支H5题库里共有21道选择题，而且还可以看出每道题的答案哦

技术实现： Zepto

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

识别图中二维码

2015年网络流行语四六级考试-查阅二维码

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

标签