腾讯：回家过年 一路掏钱
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例：回家过年 一路掏钱
品牌：腾讯
技术实现： Zepto + iScroll（区域滚动脚本库）
亮点：
- 策划上，小游戏类，分为五部分，一：选择你的家乡地址，再选择你现在工作的地址；二：从飚自驾、普通火车、乘高铁、坐飞机四种回家方式中，选择自己的回家方式；三：计算出回家的距离、耗时和交通费用；四：选着近五年来，是否都是这样回家的；计算出这几年回家的距离、耗时和交通费用；五：计算往返返程的距离、耗时和交通费用
- 设计上，采用黄色作为主色调，漫画风格
- 技术上，整体动画主要采用CSS3的animation
- 体验上，步骤太多了，太考验人的耐心了
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
