千库网：你一定记错了，葫芦娃救的根本不是爷爷！

2018-01-25 H5案例分享 H5案例分享

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

识别图中二维码

你一定记错了，葫芦娃救的根本不是爷爷！-查阅二维码

完整欣赏此案例大约需要2分15秒

案例：你一定记错了，葫芦娃救的根本不是爷爷！

出品：千库网

亮点：

策划上，图文展示类，故事情节完整，页面随着故事的脉络加载，讲述了原本设计村的村民过着快乐的生活，然而村里来了加班妖、改版魔、抠图精、版权怪这四只妖精，百姓苦不堪言。传言只有种出七葫芦的人才能打败妖怪，库宝的精心照顾种出了七葫芦，七个葫芦各有特点，元素、背景模板等等…召唤葫芦七兄弟，解救村民。
设计上，采用了动漫卡通风格，整体活泼，充满童趣。背景音乐剪短，很欢快。
交互上，上下左右滑动页面。
技术上，使用swiper插件实现了进入离开页面时的动画效果。
体验上，小编第一次遇到如此直接的代入品牌的H5案例，整个H5是有情节的，在村民苦不堪言的时候，音乐还是没有变化，这就尴尬了…

技术实现： jQuery.js+swiper.js

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

标签