腾讯新闻：汉语盘点_腾讯新闻

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

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

识别图中二维码

汉语盘点_腾讯新闻-查阅二维码

完整欣赏此案例大约需要30秒

案例：汉语盘点_腾讯新闻

出品：腾讯新闻

亮点：

策划上，测试类，来汉语盘点选出你的2017年度字词，点击首页“我来选”，通过四道题，每题五个选项，依次选出你心中的国内字、国内词、国际字和国际词，全部选完后，即可在尾页看到我选的年度字词，点击当前评选数据按钮即可看到年度字词当前选票结果，还可邀请好友评选年度字词哦。
设计上，优雅风格，采用棕金色作为主色调，黑色飘花纸张做背景，每个选项的字词旁都有其推荐理由，便于用户选择和理解。
技术上，选项区域的可上下滚动的效果是采用iScroll（JS区域滚动插件）来实现的。

技术实现： jQuery + iScroll

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

标签