案例：华为P8 似水流年

出品：华为

亮点：

1. 策划上，图文展示类，先以一支走心的华为P8 似水流年的广告开启这支H5，当然啦，只有你在首页上点击播放视频才能看哦，然后去造访时光，即可查看宣传华为P8尽时光打磨的精致画面，点击华为手机上的提示小图标即可看到华为手机的相关详细介绍
2. 设计上，采用华为P8系列的流光金作为主色调
3. 交互上，首屏点击“了解更多”进入到第二屏，在第二屏通过双手双向滑动方式进入到第三屏，在第三屏可根据箭头方向提示滑动切换到其他屏
4. 技术上，一：横竖屏的提示是由JavaScript进行调控的；二：从第一屏进入到第二屏的loading页中央的图片改变，是通过JavaScript计算加载进度，按照加载的进度控制第二张图片的高，使第二张图片慢慢显示完全，产生图片从下到上慢慢改变的视觉感

技术实现： JavaScript

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

识别图中二维码