javascript - Google+菜单项选中效果问题？

问题描述

问 题

想实现类似于google+页面上的效果，先上图

如图，选中Home页面的时候，下面菜单项的Home这一项会变成红色；选中Collections一项时，下面菜单项的Collections会变成蓝色，显然每个菜单项都有对应的主题色。

我当然可以每个菜单项都赋个id或css类，然后写N个if或switch...case判断之类的，但显然google不会这么干。那请问有没有更好的实现思路？

谢谢~

解决方案

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

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

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

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

这篇关于javascript - Google+菜单项选中效果问题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！