腾讯新闻:给跪了,这一年
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:给跪了,这一年
出品:腾讯新闻
亮点:
- 策划上,问答类,进入页面是一个小开关,点击开灯开始动画,动画是一个少年被这些“热词”给砸跪了。然后进入选择界面,可以选择或换一批,一次选择热词标签和句子就可以看到组成的句子了。可以换一句或者分享。旁边还有一个小红包,点击就会出现送你红包福你一八~。可以获得一个腾讯新闻红包,意在宣传腾讯新闻。
- 设计上, 开始动画情节、热词、标签、句子都很搞笑,选择会有粉笔写字的声音十分特别,最后的句子长短不一,黑板大小随之变化,细节处理到位。
- 交互上,点击开关开始动画,热词句子等都可以换一批,最后可以保存图片或领取红包。
技术实现: Jquery.js+pxloader.js
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号