BYDailyNews模仿今日头条的导航条和菜单

联合创作 · 2023-09-25 19:19

这是一个很好地模仿今日头条的导航条及下拉菜单动画效果的Demo.
下拉菜单动画:
当“排序”按钮 未点击时
1.点击上方区域按钮 下拉菜单收回 导航条选择相应按钮
2.点击下方区域按钮 将下方按钮添加于上方区域最后一个位置

当“排序”按钮 点击时
1.点击上方区域按钮 删除该按钮 并移到下方区域
2.点击下方区域按钮 将下方按钮添加于上方区域最后一个位置
3.上方区域按钮可移动 交换位置
4.上方区域按钮可拖动 添加于最后的位置

当各区域按钮 长按1秒后
激活“排序”按钮 动画同上

各相应点击结束后 在导航条中 做出相应动画
注:上方区域第一个按钮不可点击、交换位置

浏览 9
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报