如何選擇頁

Question

http://hotelshimlahill.com/demo/ 這個網站我在做引導， 頭部分，包括導航欄是由被稱爲「header.php文件」 現在我想添加活動類單獨的文件來上添加動態活動類用於每個用戶訪問的頁面。 我該怎麼做？請幫助我。 Thankyou。

Answer 1

在你的個人頁面，如about.php，services.php，你可以這樣做：

$currentPage = 'about'; // current page is about, do the same for other page 
include('header.php'); 

然後在你的header.php，您可以檢查：

<ul class="nav navbar-nav"> 
    <li class="<?php if($currentPage =='about'){echo 'active';}?>" ><a href="index.php">Home</a></li> 
    <li class="<?php if($currentPage =='services'){echo 'active';}?>" ><a href="about.php">about</a></li> 
</ul> 

或者你可以嘗試使用jQuery以及：

$(document).ready(function($){ 
    var url = window.location.href; 
    $('.nav li a[href="'+url+'"]').addClass('active'); 
}); 

Answer 2

所有的菜單鏈接在ul> li裏面。所以，給所有李編號。並在每個頁面上使用jquery addClass「active」給li。

Answer 3

你在bootstrap css中你找到了這個lin ei認爲它應該在行號4841

.navbar-inverse .navbar-nav> li> a：hover，.navbar-inverse .navbar-nav> li> a：focus {背景顏色：＃5C0000 ; color：#FFFFFF; }

您更改此行

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a.active{ 
background-color: #5C0000; 
color: #FFFFFF; 
} 

現在在你的項目文件中找到其中的導航產生的那些線的部分

<ul class="nav navbar-nav">      
    <li><a href="index.php">Home</a></li>      
    <li><a href="about.php">about</a></li> 
    <li><a href="services.php">services</a></li> 
    <li><a href="facilities.php">facilities</a></li> 
    <li><a href="reservations.php">booking</a></li> 
    <li><a href="testimonials.php">testimonials</a></li> 
    <li><a href="careers.php">careers</a></li> 
    <li><a href="contactUs.php">contact Us</a></li>   
</ul> 

然後將其更改爲accrodinly

<ul class="nav navbar-nav">      
    <li><a href="index.php" <?php if($active=='Home') echo "class='active'"; ?>>Home</a></li>      
    <li><a href="about.php" <?php if($active=='about') echo "class='active'"; ?>>about</a></li> 
    <li><a href="services.php" <?php if($active=='services') echo "class='active'"; ?>>services</a></li> 
    <li><a href="facilities.php" <?php if($active=='facilities') echo "class='active'"; ?>>facilities</a></li> 
    <li><a href="reservations.php" <?php if($active=='booking') echo "class='active'"; ?>>booking</a></li> 
    <li><a href="testimonials.php" <?php if($active=='testimonials') echo "class='active'"; ?>>testimonials</a></li> 
    <li><a href="careers.php" <?php if($active=='careers') echo "class='active'"; ?>>careers</a></li> 
    <li><a href="contactUs.php" <?php if($active=='contact') echo "class='active'"; ?>>contact Us</a></li>   
</ul> 

那麼你必須在每個你h的文件中改變點數AVE導航鏈接 如 的index.php 在文件的頂部，我提的導航鏈接

<?php $active ='Home'; ?> 

上加入這行並about.php

<?php $active ='about'; ?> 

我認爲這當然選擇你的活動頁面 thnaks