博士伦+有道：清朗职场进化词典
案例：清朗职场进化词典
出品：博士伦+有道
亮点：
- 策划上，图文展示类的h5，这是由博士伦和有道为宣传自己的品牌所打造的一款宣传h5。① 在这款h5中，用户通过左右滑动或者点击按钮进行屏幕之间的切换。② 在每一页的屏幕上有着英文单词，英文单词的下面有着传统的普通释义，也有恶搞的清朗职场释义，在释义下面有着搞笑的表情包。③ 在页面的最后，用户可以上传自己的单词和释义，从而打造专属于用户的表情包。
- 设计上，Q版漫画类，白色为页面背景的主色调，页面的小元素表情包展示背景以浅蓝色为主要色调。
- 技术上，屏幕的左右移动采用Swiper.js插件技术进行实现，屏幕的点击操作采用Hammer.js技术进行实现。
技术实现： jQuery + Swiper.js + Hammer.js
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
