天猫：【重要机密】双11内部攻略提前曝光

2016-10-21 H5案例分享 H5案例分享

案例：【重要机密】双11内部攻略提前曝光

出品：天猫

亮点：

策划上，图文展示类，H5页面向下滑动，会持续展示出双11当天的时间列表，接下来是一些具体的活动时间安排及详情介绍，包括全球热门时尚商圈、狂欢夜在内的共10个项目；最后的页面有主会场按钮，用户也可以分享给好友。
设计上，漫画风格，采用藏蓝色和红色作为主色调。
技术上，整体动画主要采用的是JS控制元素CSS中的transform值。
这支H5在PC上的表现与手机上的不同，手机上是一支翻屏的H5；但在PC上，是天猫的一个长图效果的宣传页~~~

技术实现： JavaScript

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

识别图中二维码

【重要机密】双11内部攻略提前曝光-查阅二维码

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

标签