腾讯时尚:时光旅行
案例:时光旅行
出品:腾讯时尚
亮点:
- 策划上,图文展示类,① 钟表上的时针、分针、秒针重合,开启爱丽丝梦游仙境2的时光旅行;② 点击“GO”,展开冒险之旅,从左往右滑动屏幕找到三个时钟元素即可解救爱丽丝让时间恢复正常;③ 解救成功获得时空珍宝——潮宏基时光旅行系类珠宝,有坠链、手链、耳钉哦
- 设计上,采用藏蓝色作为主色调,充满神秘感,其中的长图全景色彩很是梦幻
- 交互上,长图全景和潮宏基时光旅行系类珠宝页面里的三个按钮,每个只能点一次,全部点完,进入到下一屏
- 技术上,滑屏采用的是Swiper,拖动横向长图找时钟元素采用的是iScroll
技术实现: jQuery + Swiper + iScroll
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号