腾讯浏览器:谁是下一个维密天使
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要35秒
案例:谁是下一个维密天使
出品:腾讯浏览器
制作:纳联互动
亮点:
- 策划上,测试答题类,离维密天使你还有多远?点击首页开始测试,通过八道选择题,每道选择题有三个选项,每答完一道题后,在页面下方即可知道你与何穗的选择是否一样,全部答完后,即可你与何穗有多少题选择一样以及你的形象是什么类型,而后往上拉以视频的形式听听维密天使对你说的话,点击尾屏提示按钮还可去看看何穗的小秘密哦。
- 设计上,简洁风格,背景采用带有灰点的白色纸张,字体采用深灰色,简单柔和,题目配以何穗的美照,选项配以简洁形象的图标+文字,简洁中不失精致。
- 技术上,里面的动画主要采用JS去给元素动态地添加CSS3的animation属性来进行实现的。
技术实现: jQuery
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号