世纪佳缘：么么么么么么么么么么么么么么么

2016-09-20 H5案例分享 H5案例分享

案例：么么么么么么么么么么么么么么么

出品：世纪佳缘

亮点：

策划上，图文展示+语音播放类，采用问答形式，① 问肥啦啦平时喜欢吃什么鸡？答不吃鸡，因为一个鸡不够吃，两个鸡吃不完；② 问体重，答200斤体重减99斤精神减1斤便便；③ 问为何没男朋友，打会被打断腿；④ 问是否愿意做“我”女朋友，玩家选择愿意还是不愿意；哈哈哈，回答问题有很多好处还可捡到男朋友，还能赚钱，不相信的话，点击“去玩”到世纪佳缘逛逛吧，说不定还能顺手捡个男or女朋友
设计上，漫画风格，画风简单粗暴，文字+语音播放，很形象生动
技术上，整体动画主要采用的是CSS3的animation，语音播放采用的是html5的audio

技术实现： jQuery

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

识别图中二维码

么么么么么么么么么么么么么么么-查阅二维码

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

标签