不保持活跃

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，粘贴在控制台上面的代码并回车，你应该看到的画廊标签上找到高亮显示。