中国人民大学:人大春秋图

2017-10-04 H5案例分享 H5案例分享
中国人民大学:人大春秋图


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

识别图中二维码

人大春秋图-查阅二维码

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


案例:人大春秋图

出品:中国人民大学

制作:简豆科技

亮点:

  1. 策划上,以中国人民大学80周年校庆为主题,通过一幅很长很长的画卷,展示了人大建校史,观看了以后,有一种穿越历史长河的感觉。
  2. 设计上,卷轴的形式。水墨风格,细腻的笔触,以画卷为呈现,通过传统和历史厚重的韵味,展示了人大历史。
  3. 交互上,横向水平向左浏览。因为画卷从右向左,以时间为维度,依次展现人大重要的历史时刻和建筑物。而且,有对应的红色点提示,点击以后,出现介绍的弹出层和语音介绍。记得去博物馆和科技馆,就是这样的语音介绍,专业又浑厚的男播音。



技术实现: jQuery + iScroll



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

标签

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

相关推荐:

北京大学:你收到一封穿越时空的邀请函

网易新闻 | 哒哒:逃不掉的四字魔咒

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~