新华网：清明八问：探知生死的一张考卷

2017-04-05 H5案例分享 H5案例分享

案例：清明八问：探知生死的一张考卷

出品：新华网

亮点：

策划上，测试答题类，首页引出清明八问，一张考卷探知生死，而后是一段走心的文案引起大家的心理共鸣，然后点击开始答题，开启清明答题测试，题目测试完成后，在尾页选择题号，看看大家的心事，在输入框中可输入自己的心事发布出来，尾页下方还有“再来一遍”和“分享好友”可供选择。
设计上，水墨风格，采用绿色作为主色调，带有纹路痕迹的纸张作为背景，风筝、飞燕、青山、古城等元素很有春天气息。
交互上，① 第一题是清明节你最先想到的是什么，选了之后点击“选好了”即可看到他人的答案，而后点击“下一题”继续答题；② 后面的题目选完之后可点击“选好了”像第一题那样到下一题，若是没有想好可直接点击“不考了”，选择跳过这题到下一题，还是彻底不考跳到尾页。
技术上，尾页的无缝循环滚动是采用jQuery.marquee.js（jQuery循环滚动插件）来实现的。

技术实现： jQuery + jQuery.marquee.js

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

识别图中二维码

清明八问：探知生死的一张考卷-查阅二维码

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

标签