腾讯时尚:时光旅行

2016-09-30 H5案例分享 H5案例分享
腾讯时尚:时光旅行

案例:时光旅行

出品:腾讯时尚

亮点:

  1. 策划上,图文展示类,① 钟表上的时针、分针、秒针重合,开启爱丽丝梦游仙境2的时光旅行;② 点击“GO”,展开冒险之旅,从左往右滑动屏幕找到三个时钟元素即可解救爱丽丝让时间恢复正常;③ 解救成功获得时空珍宝——潮宏基时光旅行系类珠宝,有坠链、手链、耳钉哦
  2. 设计上,采用藏蓝色作为主色调,充满神秘感,其中的长图全景色彩很是梦幻
  3. 交互上,长图全景和潮宏基时光旅行系类珠宝页面里的三个按钮,每个只能点一次,全部点完,进入到下一屏
  4. 技术上,滑屏采用的是Swiper,拖动横向长图找时钟元素采用的是iScroll



技术实现: jQuery + Swiper + iScroll


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

识别图中二维码

时光旅行-查阅二维码




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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

五矿· 铭品H5宣传案例 — 爱丽丝梦游仙境

腾讯时尚:玩转上海独立原创设计

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~