腾讯新闻:给跪了,这一年

2017-12-19 H5案例分享 H5案例分享
腾讯新闻:给跪了,这一年


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

识别图中二维码

给跪了,这一年-查阅二维码

完整欣赏此案例大约需要1分钟


案例:给跪了,这一年

出品:腾讯新闻

亮点:

  1. 策划上,问答类,进入页面是一个小开关,点击开灯开始动画,动画是一个少年被这些“热词”给砸跪了。然后进入选择界面,可以选择或换一批,一次选择热词标签和句子就可以看到组成的句子了。可以换一句或者分享。旁边还有一个小红包,点击就会出现送你红包福你一八~。可以获得一个腾讯新闻红包,意在宣传腾讯新闻。
  2. 设计上, 开始动画情节、热词、标签、句子都很搞笑,选择会有粉笔写字的声音十分特别,最后的句子长短不一,黑板大小随之变化,细节处理到位。
  3. 交互上,点击开关开始动画,热词句子等都可以换一批,最后可以保存图片或领取红包。



技术实现: Jquery.js+pxloader.js



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

标签

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

相关推荐:

猎聘网:2014年度职场热词盘点,也是醉了

腾讯新闻:汉语盘点_腾讯新闻

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~