Path的Menu菜单（加号）效果

Path最新的更新，通过优秀的用户体验设计赢得了大批用户和业内的好评，被成为移动版的“Facebook”！一时之间，在国内你如果不知道Path2.0的话，你就OUT了。

Path 2的UI设计相当出色。最核心的是左下角的红白色加号按钮，点击后会出现6类功能，依次是：照片、和谁在一起、当前地点、在听的音乐、在想的事情、以及睡眠，使用起来得心应手，十分方便。

你不仅可以和Path好友分享，还能把你的分享发布到Facebook或Foursquare等网站上。和之前版本相比，Path 2从侧重照片分享走向“分享一切”、好友上限从50人增加到150人。

除了在产品圈热议之外；其实在技术圈，被讨论最多的是path那个Menu的实现问题。所有给力的产品都离不开程序猿同学的各种努力，看看怎样用不同的语言实现Path2.0的Menu效果！

1. @LeveyZhu 的实现效果： https://github.com/levey/QuadCurveMenu
2. Tunghsiao Liu ：CSS实现的效果：http://sparanoid.com/lab/path-menu/
3. 一老外兄弟的实现：https://github.com/beaucollins/radial-menu
4. Benzhe ：javacript实现 https://github.com/ben304/Path2.0-Menu/
5. 再来一个CSS实现：http://lab.victorcoulon.fr/css/path-menu/ 貌似被ban

本文实现方式整理自中文技术问答网站SegmentFault

转载请注明文章转载自：网站前端,web前端,前端脚本,前端优化|时代前端