在 php 的菜单中突出显示当前页面

Question

我想使用 php 在菜单中突出显示活动页面。该页面是静态版本，仅使用 php 中的 include 调用常用文件，即 header.php、footer.php、navigation.php

导航.php

<div class="collapse navbar-collapse" id="navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="index.php">Home</a></li>
                        <li><a href="contact-us.php">Contact</a></li>
                    </ul>
                </div>

索引.php

<?php
// Including Files
include('includes/header.php');
include('includes/navigation.php');
?> Rest HTML code goes here

Answer 1

PHP

$activePage = basename($_SERVER['PHP_SELF'], ".php");

超文本标记语言

<ul class="nav navbar-nav">
      <li class="<?= ($activePage == 'index') ? 'active':''; ?>"><a href="index.php">Home</a></li>
      <li class="<?= ($activePage == 'contact-us') ? 'active':''; ?>"><a href="contact-us.php">Contact</a></li>
</ul>

Answer 2

你可以使用以下内容：

.active, .home:hover {
  background-color: #666;
  color: white;
}

<div class="collapse navbar-collapse" id="navbar-collapse-1">
        <ul class="nav navbar-nav">
           <li class="home active"><a href="index.php">Home</a></li>
           <li><a href="contact-us.php">Contact</a></li>
        </ul>
    </div>