花椒直播：一条鉴别你是不是音痴的朋友圈

2017-07-12 H5案例分享 H5案例分享

案例：一条鉴别你是不是音痴的朋友圈

出品：花椒直播

亮点：

策划上，答题类案例。加载完成后进入案例，首屏给出案例主题拯救音痴大作战，点击“你的音乐智商在线吗？”展开案例，案例总6道题目，每一道题共3个答案，都是与音乐有关的问题，测测你得音乐智商吧~
设计上，画面以漫画风格展示，绘画角色内容与题目相关。颜色并不亮丽，但是十分丰富，每一个问题有一种属于自己的颜色背景，更好的区分每一个问题。
体验上，A、B、C三个选择答案，点击后可以听到相应的答案音频。但是第六题选择C答案后点击确定没有相应跳转，这点不太好。小编是个音痴，觉得是不是答题完成后应该给出正确答案呢~也能进步进步~

技术实现： jQuery

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

识别图中二维码

一条鉴别你是不是音痴的朋友圈-查阅二维码

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

标签