Question

我的index.php和网站其他页面中包含header.php文件。在标题标签中，我有一个导航栏，我想根据各自的页面激活每个标签。例如（关于页面-关于选项卡的颜色应该更改，对于联系人-联系人选项卡的颜色应该更改）

Answer 1

我建议在文件名之前（在加载header.php之前）包括文件名。然后在标题中可以做一个简单的声明，例如。

$ page_title ='主页';

然后在导航菜单的header.php中：

<a href='#' class='someClass <?php echo $page_title === 'Home Page' ? 'active' : ''; ?>"> Home Page </a>

“活动”类将负责当前页面的样式。

Answer 2

您可以完全在CSS内完成此操作。给定以下标头HTML：

<nav class="header">
  <ul>
    <li class="home"><a href="/home.php">Home</a></li>
    <li class="about"><a href="/about.php">About</a></li>
    <li class="contact"><a href="/contact.php">Contact</a></li>
  </ul>
</nav>

然后，将“ home”，“ about”和“ contact”类分别添加到Home，About和Contact页面的<body>标记中。然后，创建以下CSS：

body.home nav li.home,
body.about nav li.about,
body.contact nav li.contact {
  background-color: red; /* or however you want to style the active tab */
}

带有导航栏的通用头文件更改颜色

2 个答案: