东风日产 X 凤凰网 X 凤凰影业：浙大春招会你咋不上天呢？你招人还是招机器人？

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

案例：浙大春招会你咋不上天呢？你招人还是招机器人？

出品：东风日产 X 凤凰网 X 凤凰影业

亮点：

策划上，测试答题类，① 点击首页上的时空飞船带上你穿越时空，来到人工智能时代浙大春季招聘会现场；② 点击“查看职业”来到测试答题页，马薇薇、李锐、魏坤琳等作为招聘员来招聘了，先来简单介绍一下职位需要，而后点击“我要应聘”，开始答题；③ 六道题全部答完后，即可看到在未来的人工智能时代，你成功获得了几个线下面试资格。
设计上，科技风格，采用酒红色作为主色调，飞船带你穿越时空的动画是将一个小人从地球上吸进飞船舱，然后飞船发射飞走，动画做的很细腻；而后其他页面上的透明蓝色面板和左右移动的亮蓝色线条，科技感十足。
技术上，页面里的动画主要是采用CSS3的animation，第二个问题需要录下题目给出的一句话，调用的是微信jssdk录音功能。

技术实现： JavaScript

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

识别图中二维码

浙大春招会你咋不上天呢？你招人还是招机器人？-查阅二维码

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

标签