中国青年报&来点科学：太空人养成计划
案例：太空人养成计划
出品：中国青年报&来点科学
亮点：
- 策划上，测试答题类，设置了10道科学类题，每道题两个选项，点击答案进行选择，选择后题目旁边的动画弹出对应的消息气泡，正确则在选项的左上角出现一个绿色的✔，错误则显示红色的✘。点击“下一步”，是题目的解析页面，帮助答错的同学了解相关知识。所有题目答完后，有一个测试结果，得分和相应的评价
- 设计上，卡通漫画风格，消息气泡里的内容搞笑幽默，充满童趣。
- 交互上，点击事件
技术实现： jQuery + CSS3 animation动画
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
