Css Html JavaScript - 导航突出显示当前选定的菜单

时间:2009-12-04 16:49:03

标签: php javascript html

我觉得这个问题很容易,但我不知道我是不对的。 我是一个oldschoool html,php编码器。 我想使用这种导航: http://www.cssportal.com/horizontal-menus/13styles.htm

到目前为止没问题。我有一个动态的PHP页面,我想使用这个菜单。 没有这一行在HTML部分中没有问题:

  <li><a href="" title="" class="current"><span>LINK</span></a></li>

问题是班级。什么是检测哪个链接现在最新的最明智的方法? 我会这样做。我会写一个像这个伪代码的PHP脚本:

if acutaldocument == "link1.html" then echo "class='current' ";

但我认为这不是最聪明的方式。或者我是对的? 感谢

2 个答案:

答案 0 :(得分:1)

为每个页面的正文标记指定一个ID。比如说,你给About页面的body标签id“about”。为您的所有导航<li>提供ID。比如说,您将“约”ID提供给导航<li>

在CSS文件中,执行以下操作:

body#about li#about {
   // apply differentiating style here...
}

您也可以继续为所有其他页面执行此操作。只有当正文ID和<li> ID匹配时,才会应用样式。

答案 1 :(得分:1)

有很多选择......

你可以使用会话cookie,JavaScript,你可以在网址的末尾传递一个id(例如。?nav = 2)或解析网址并检查它......

所有这些都有效......所有这些都有优点和缺点......只取决于你的页面设置方式......