洋河酒厂：来自组织上的劳模表彰

2017-05-16 H5案例分享 H5案例分享

案例：来自组织上的劳模表彰

出品：洋河酒厂

亮点：

策划上，大字报类；① 首先模拟红头文件营造一种复古感，根据提示上传照片、输入名字签字确认、点击指纹确认上交；② 随后出现一张有年代感的报纸，报道了走进洋河酒厂的新闻，并穿插了类似于小视频的动画；③ 最后点击红色指纹可以领取代金券，不过活动已经结束了。
设计上，七八十年代风格，整体上采用复古文件、报纸、类似于视频的动画，再配以热闹的背景音乐，展现了洋河酒业的悠久历史和品牌持久力，页面里的画面元素等再清晰一些就更好了。
交互上，在首页点击“照片”区域，即可在去上传一张自己的美照，但是尺寸需选择合适的，因为这个案例中照片只能上传不能调整啊。
技术上，里面的纺织厂、街上歌舞的动画主要是通过改变父盒子margin-left的值，达到图片依次切换显示来实现的。

技术实现： jQuery

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

识别图中二维码

来自组织上的劳模表彰-查阅二维码

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

标签