jQuery導航欄：懸停更改顏色

Question

我正在尋找有關jQuery問題的幫助。 我的網站帶有導航欄，當前將鼠標懸停在其中一個導航欄鏈接上時，它會更改顏色。 我想要做的是，當您單擊鏈接並轉到另一個頁面時，即使我再次將鼠標懸停在當前頁面上，我也希望當前頁面鏈接保持懸浮的顏色。 除非將所有其他鏈接都懸停在其他鏈接上，否則它們應為默認顏色（然后應更改顏色）。

以下是頁面鏈接的示例： http : //chrisliaw.net63.net/portfolio/

home鏈接應該已經是突出顯示的顏色，但是當我將鼠標懸停在它上面然后將鼠標移開時，它將變為默認的灰色。

有沒有人有什么建議？

Answer 1

OO ...這是我用一些IF語句完成的。您可以通過2種方式來做到這一點：1.使用Js在當前頁面上查看當前的..並為該鏈接提供一些類2.使用PHP進行此驗證

這里有些例子：

使用JS：

<div id="menu">
<a href="#" id='home-page'>Home</a>
 <a href="#" id='about-page'>About</a>
 <a href="#" id='some-page'>some page</a>
</div>

var sPath=window.location.pathname;
 var sPage = sPath.substring(sPath.lastIndexOf('/') + 1);
  if(sPage == "home.html")
   {
     $("#menu a").removeClass("Active-Link"); // reset all links
     $("#home").addClass("Active-Link"); // get current page link the class
   }

使用PHP

  <div id="menu">
    <a href="#" id='home-page' <?php if(basename($_SERVER['PHP_SELF']) == "home.html"){ echo " class='current-page' ";}?> >Home</a>
     <a href="#" id='about-page' <?php if(basename($_SERVER['PHP_SELF']) == "home.html"){ echo " class='current-page' ";}?>>About</a>
     <a href="#" id='some-page' <?php if(basename($_SERVER['PHP_SELF']) == "home.html"){ echo " class='current-page' ";}?>>some page</a>
    </div>

希望，這是您想要的代碼.. :)嘗試一下:)