为了账号安全,请及时绑定邮箱和手机立即绑定

Google+菜单项选中效果问题?

Google+菜单项选中效果问题?

长风秋雁 2018-09-03 08:35:53
想实现类似于google+页面上的效果,先上图如图,选中Home页面的时候,下面菜单项的Home这一项会变成红色;选中Collections一项时,下面菜单项的Collections会变成蓝色,显然每个菜单项都有对应的主题色。我当然可以每个菜单项都赋个id或css类,然后写N个if或switch...case判断之类的,但显然google不会这么干。那请问有没有更好的实现思路?谢谢~
查看完整描述

1 回答

?
开心每一天1111

TA贡献1836条经验 获得超13个赞

如果不是单页面的, 页面url一般有菜单的参数,则菜单项的 样式类就定义 当前参数的名字就好了

如果是单页面的, 那也差不多,在菜单上定义一个属性 attr: classname="collection",点击后把菜单项的类改成这个 属性名字就可以了。

如果是用了框架,则双向绑定数据,实现类名的更改

基本上应该不用写 N个if 语句


查看完整回答
反对 回复 2018-10-23
  • 1 回答
  • 0 关注
  • 495 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信