현재 링크가 활성 상태가 아닙니다.

마우스를 가져 가면 링크가 변경된 다음 클릭하면 변경되고 새 링크를 클릭 할 때까지 유지됩니다. 링크는 약간 투명 시작하고 공중 선회 할 때 나는 그러나 그것은 내가 사용하더라도 활성 유지하지 않는 링크를 클릭하면 그것이 아래쪽 테두리 또는 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

출처

2012-02-11 user1165861

활성 링크는 다른 링크를 클릭하거나 창 개체가 파괴 될 때까지만 활성화됩니다. 귀하의 링크가 새로운 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 콘솔에서 위의 코드를 붙여 Enter 키를 누르십시오, 당신은 갤러리 탭이 강조 얻을 표시되어야합니다

이보십시오.

출처

2012-02-11 01:01:41 AlienWebguy

그는 이미'.current' 클래스로 작업하도록 설정 했으므로'class = "current"를 현재 페이지의 a 요소에 추가하기 만하면됩니다. – justis

맞습니다. 내 코드가 수행하는 것입니다. – AlienWebguy

하드 코드 된 경우 JS를 사용하지 않고 PHP를 사용하여 각 페이지에 수동으로 클래스를 추가 할 것을 제안합니다. – justis

현재 링크가 활성 상태가 아닙니다.

답변

관련 문제