腾讯：地球地理听力考试来袭！请做好防护

2017-06-09 H5案例分享 H5案例分享

案例：地球地理听力考试来袭！请做好防护

出品：腾讯

亮点：

策划上，测试答题招聘类, 先是来电提醒，用户接听，然后开始听音识源这种有意思的测试，分别有五道题，对应五个国家的音频；答题结束，跳出结果页，最后从结果页一步步导向招聘信息。
设计上，科技风格，采用蓝色作为主色调，色彩偏冷，精致的线条光影，让科技感充满整个页面。
技术上，音频采用的是Html5的Audio，动画主要采用的是CSS3的animation。

技术实现： jQuery

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

识别图中二维码

地球地理听力考试来袭！请做好防护-查阅二维码

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

标签