腾讯浏览器:谁是下一个维密天使

2017-12-12 H5案例分享 H5案例分享
腾讯浏览器:谁是下一个维密天使


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

识别图中二维码

谁是下一个维密天使-查阅二维码

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


案例:谁是下一个维密天使

出品:腾讯浏览器

制作:纳联互动

亮点:

  1. 策划上,测试答题类,离维密天使你还有多远?点击首页开始测试,通过八道选择题,每道选择题有三个选项,每答完一道题后,在页面下方即可知道你与何穗的选择是否一样,全部答完后,即可你与何穗有多少题选择一样以及你的形象是什么类型,而后往上拉以视频的形式听听维密天使对你说的话,点击尾屏提示按钮还可去看看何穗的小秘密哦。
  2. 设计上,简洁风格,背景采用带有灰点的白色纸张,字体采用深灰色,简单柔和,题目配以何穗的美照,选项配以简洁形象的图标+文字,简洁中不失精致。
  3. 技术上,里面的动画主要采用JS去给元素动态地添加CSS3的animation属性来进行实现的。



技术实现: jQuery



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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

腾讯游戏:腾讯游戏嘉年华2017

百度地图:是时候公开了,你到底是弯是直……

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~