path菜单效果

实现效果:path菜单效果。

path菜单

path菜单

实现关键思路:

1、增加菜单“+”和菜单“—”;菜单“-”默认隐藏;

2、增加六个矩形框,每个矩形框上添加小图标;

3、把对应的矩形框和图标组合,共组成6个group,放置在手机屏幕上,并记住每个group的坐标位置;

4、把6个group拖到手机屏幕外,并记住每个group的坐标位置,然后在菜单“+”上添加事件;

5、隐藏菜单“+”、显示菜单“-”,分别前后移动6个group至手机屏幕上的位置;

6、然后在菜单“-”上添加事件,隐藏菜单“-”、显示菜单“+”,分别前后移动6个group至手机屏幕外的位置。

演示地址:http://www.jmfans.com/example/path/index.html

演示和原型下载请到QQ群下载:374358071,欢迎关注微信公众号:justinmind.

原文链接:,转发请注明来源!

发表评论

要发表评论,您必须先登录