长隆海洋王国：海洋保卫战梦幻上演

2017-07-06 H5案例分享 H5案例分享

案例：海洋保卫战梦幻上演

出品：长隆海洋王国

亮点：

策划上，图文展示类案例。加载完成后进入案例，2468年，全球资源危机，入侵者将黑手伸向海洋，作为捍卫者联盟队长的你又有新任务，寻找鲸鲨，按指示行动。点击“马上行动”，画面跳转到海底，长按按钮画面可向上移动，可以看到魔鬼鱼、鲸鲨、海豚、摩托艇、水上飞人等等。点击“立即参战”跳转购票页面，点击“呼叫战友”进行分享。点击“前线战况”可观看海洋王国暑期大秀！
设计上，整体以写实风格为主。背景设定为海洋，除了案例主要突出的几种鱼类，还增添了许多深海鱼类与珊瑚，让画面丰富起来。颜色以海洋的蓝色为主。
体验上，案例交互方式为长按，即达到一播到底的效果，又增添了交互感。看到这些深海动物后有没有想去海洋王国转转啊~

技术实现： jQuery + CSS3

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

识别图中二维码

海洋保卫战梦幻上演-查阅二维码

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

标签