京东:京东2017海外招聘
案例:京东2017海外招聘
出品:京东
亮点:
- 策划上,招聘类,采用图文展示的形式;① 大写的“JD”+JD全球招聘迅速启动的英文字样,引出此次H5主题:京东2017海外招聘;② 点击6个不同颜色的小点以炫酷效果展现了2017年京东海外招聘的岗位及需求;③ 以时间轴的形式展现了9月20到10月29日的招聘宣讲行程;④ 想了解更多京东2017海外招聘信息的小伙伴可登陆campus.jd.com,若想参与宣讲会报名或投递简历的,可点击尾页的“宣讲会报名”或“职位投递”
- 设计上,采用蓝色作为主色调,动态的背景元素造成一种景深的视觉差,画面简洁干净,更显精致
- 技术上,景深的背景视觉差采用的是ParallaxJs(视差引擎),整体动画主要采用CSS3的animation+GreenSock(JS动画库)
技术实现: ParallaxJs(视差引擎) + GreenSock(JS动画库)
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号