不保持活躍

Question

當前鏈接我想有我聯繫更改鼠標懸停，然後點擊時改變，一直呆到一個新的鏈接被點擊。該鏈接開始有點透明的，徘徊的時候當我點擊一個鏈接但它不會停留，即使我用積極的事實證明完全不透明與底邊框或5：

nav ul li a:active, nav ul li a.current { 
opacity:1; 
border-bottom:5px solid #37DD57; 
position: relative; 
top: 1px; 
} 

有什麼我做錯誤或腳本函數我需要調用？這裏是我的粗略網站草案：直到另一個鏈接被點擊或直到窗口對象被銷燬http://envycosmetics.zxq.net/Website/webpages/index.html

Answer 1

活動鏈接纔有效。您的鏈接正在使用新的URL重新加載頁面，因此在頁面加載時，您的鏈接都不是「活動的」。您需要使用一些URL檢測並以這種方式設置樣式，無論是客戶端還是服務器端。

試試這個：

var _links = ['news','about','gallery'], // etc.. 
    _pagename = null, 
    i   = 0, 
    max  = _links.length; 

for(; i<max; i++) { 
    _pagename = window.location.pathname.match(/[a-z]+(?=.html)/); 
    if (_pagename == _links[i]) { 
     document.getElementById(_pagename).childNodes[0].className = 'current'; 
    } 
} 

訪問http://envycosmetics.zxq.net/Website/webpages/gallery.html，粘貼在控制檯上面的代碼並回車，你應該看到的畫廊標籤上找到高亮顯示。