使用PHP的CSS導航包括

Question

我正在製作一個CSS導航欄，它存儲在名爲'includes'的文件夾中。基本上我想要的是，當一個鏈接被點擊時，它會變得活躍。我用「include（'includes/header.php'）鏈接到這個文件夾;」

我的CSS是：

nav ul li a { 
font-size:22px; 
color:#fff; 
height:67px; 
line-height:67px; 
text-decoration:none; 
min-width:101px; 
text-align:center; 
float:left; 
background: grey; 
border-right:1px solid black;} 

nav ul li a.current, nav ul li a:hover {padding-bottom:5px;} 

header.php文件的內容是：

<header> 
<div class="container"> 
<nav> 
    <ul> 
     <li><a href="index.php">Home</a></li> 
     <li><a href="services.php">Services</a></li> 
     <li><a href="#">Blog</a></li> 
     <li><a href="/forum/index.php">Forums</a></li> 
     <li><a href="contact.php">Contact</a></li> 
     <li><a href="#">Account</a></li> 
    </ul> 
</nav> 

如何去使用這個方法，每次點擊鏈接都會激活？

Answer 1

我的確在過去這樣的事情非常相似，羅曼說：

我命名爲每一個頁面類似，其中包括對NAV文件：

<?php $page = 'one'; 
require_once'./template/nav.php';?> 

這裏是我的導航文件的內容：

<ul class="nav navbar-nav"> 
<li <?php echo ($page == 'one') ? "class='active'" : ""; ?> > 
<a href="http://example.com">Home</a></li> 
<li <?php echo ($page == 'two') ? "class='active'" : ""; ?> ><a 
href="http://example.com/page-two">Page two</a></li> 
<li <?php echo ($page == 'three') ? "class='active'" : ""; ?> ><a 
href="http://example.com/page-three">page three</a></li> 
</ul> 

希望幫助

Answer 2

你可以在頭

<ul> 
    <li><a <?php if (isThisTheCurrentPage) echo 'class="current"'?> ...>...</a></li> 
    <li><a <?php if (isThisTheCurrentPage) echo 'class="current"'?> ...>...</a></li> 
    <li><a <?php if (isThisTheCurrentPage) echo 'class="current"'?> ...>...</a></li> 
    ... 
</ul> 

做這樣的事情有一次，我做同樣的事情，我在每個PHP文件的開頭設定一些變量來實現這一點。然後，header.php必須在if語句中測試這些變量。