2012-02-14 58 views
0

如果您转到http://drupal.org/home,您会看到顶部导航。当你在页面上时,它是白色的,但是当你转到不同的页面时,选项卡会改变。你如何改变班级?它涉及PHP,jQuery等?所选导航菜单

+0

它可以用CSS或JavaScript来完成。这个链接会让你开始。 http://stackoverflow.com/questions/403138/highlighting-an-active-tab-css – 2012-02-14 02:24:35

+0

Google for CSS链接效果! – Wh1T3h4Ck5 2012-02-14 02:27:11

回答

0

如果选项卡将用户重定向到一个不同的URL位置,您可以将ID添加到每个页面,并使用CSS的body样式它根据你是什么页面:

<body id="about"> 
. 
. 
. 
<li id="about_menu"><a href="#">About</a></li> 

#about #about_menu { color: red; } 

如果选项卡在同一页面上加载ajax或使用jQuery控制,您可以简单地在元素上设置一个.current类,并在css中设置它的样式。