本文将介绍如何使用php动态地高亮显示当前页面对应的导航菜单项。通过获取当前url或文件名，并与导航链接进行匹配，我们可以为当前页面添加特定的css类，从而实现高亮效果。文章提供了两种匹配方案：精确匹配和子目录匹配，并附带css示例，帮助开发者轻松实现此功能。
在构建动态网站时，一个常见的需求是高亮显示当前页面对应的导航菜单项，以便用户清楚地知道他们所处的位置。 使用PHP，我们可以轻松地实现这个功能。 本文将介绍两种方法，根据不同的URL结构，选择最适合你的方案。 ### 方法一：精确匹配文件名 这种方法适用于简单的URL结构，其中每个菜单项对应一个单独的PHP文件，并且文件名与菜单链接直接对应。 **步骤 1：获取当前文件名** 首先，我们需要获取当前正在访问的PHP文件的文件名。 可以使用 `$_SERVER` 超全局变量来实现。 ```php这段代码首先尝试从 REQUEST_URI 获取 URL，如果不存在则尝试从 SCRIPT_NAME 获取，最后使用 pathinfo 函数提取文件名。
步骤 2：在导航菜单中添加条件判断
接下来，在你的导航菜单模板中，为每个菜单项添加一个条件判断，检查当前文件名是否与该菜单项的链接匹配。如果匹配，则添加一个特定的CSS类，例如 current-menu active。
Our team
在这个例子中，如果 $thisFile 包含 "team.php"，则 current-menu active 类将被添加到 标签中。
立即学习“PHP免费学习笔记（深入）”；
方法二：匹配子目录中的文件
如果你的网站结构更复杂，例如在子目录中包含相同的文件名，那么简单的文件名匹配可能不够准确。 例如，你有 team.php 和 support/team.php 两个文件。
步骤 1：获取完整的URL
与方法一类似，首先获取当前URL。
步骤 2：在导航菜单中添加更精确的条件判断
在导航菜单中，使用更精确的条件判断来区分相同文件名的不同链接。
... ...
在这个例子中，第一个链接使用 === 进行严格的文件名匹配，而第二个链接使用 stripos 检查URL是否包含 "support/team.php"。
添加CSS样式
为了使高亮效果可见，你需要添加相应的CSS样式。 例如：
.current-menu {
border-left: 5px solid #blue; /* 添加左边框 */
font-weight: bold; /* 加粗字体 */
}
.active {
background-color: #f0f0f0; /* 改变背景颜色 */
}你可以根据你的网站设计自定义这些样式。
注意事项
- 确保你的CSS类名与PHP代码中使用的类名一致。
- 根据你的网站结构选择合适的匹配方法。
- 可以根据需要自定义CSS样式，以达到最佳的高亮效果。
- 如果你的网站使用了URL重写，你可能需要调整代码以正确获取当前URL。
总结
通过使用PHP和CSS，我们可以轻松地实现导航菜单的高亮显示功能。 无论你的网站结构简单还是复杂，都可以根据本文提供的两种方法找到适合你的解决方案。 记住，清晰的导航对于用户体验至关重要，高亮显示当前页面可以帮助用户更好地理解网站结构。
