京东男装节：怎样一个美梦，让你一天都不愿醒...

2016-09-22 H5案例分享 H5案例分享

案例：怎样一个美梦，让你一天都不愿醒...

出品：京东男装节

亮点：

策划上，视频类，王小装躺在床上熟睡，戳一下他，王小装动一动而后没反应了；再戳一下，他还是没醒，给他造个梦吧，有三种梦可供选择：羞羞梦、一百亿的梦、去野的梦；② 无论选哪种梦，均是跳到了微信朋友圈，但是着装却不合适，这是正好有三种服装可供选择，选对则可继续做美梦，选错美梦就要变噩梦啊；③ 选试试王小装美梦里的服装同款，可去京东看看哦
设计上，微信朋友圈风格，采用蓝色作为主色调，十分的清新淡雅
技术上，美梦画面主要采用的是Video视频，首屏王小装睡觉是的动作采用的是JS序列帧，三种旋转这的美梦选项采用的是CSS3的animation

技术实现： jQuery

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

识别图中二维码

怎样一个美梦，让你一天都不愿醒...-查阅二维码

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

标签