>source

링크를 가리키면 선이 왼쪽에서 오른쪽으로 흐르는 사용자 정의 애니메이션이 있습니다 (예 참조 : https://jsfiddle.net/mxfiddle/fubLo45j/2/).

현재 페이지에 행이 유지되기를 원합니다. ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ

저는 일반적으로 웹 개발에 전혀 익숙하지 않으므로 어떤 도움을 주시면 감사하겠습니다.

미리 감사합니다.

활성 수업 추가를위한 내 code :

//Get the container element
var navbarContainer= document.getElementById("navbar");
//Get all navbar elements with class="navElement" inside the container
var navElement= navbarContainer.getElementsByClassName("navElement");
//Loop through the navbar elements and add the active class to the current/clicked button
for (var i= 0; i < navElement.length; i++) {
  navElement[i].addEventListener("click", function() {
    var current= document.getElementsByClassName("active");
    current[0].className= current[0].className.replace(" active", "");
    this.className += " active";
  });
}
  • 답변 # 1

    페이지에 추가 :

    document.body.onload= function() {
    //on page load
      document.querySelectorAll("#navbar a").forEach(a=> {
    //catch all links in navbar
        a.href=== location.pathname ? a.classList.add("active") : a.classList.remove("active")
    //if navbar link is the same as current loacation pathname add active class, if not remove it.
      })
    };
    

    이더가 필요하거나 클릭 한 항목을 로컬 저장소에 저장하고 다른 페이지에서 읽을 수 있습니다.

    그리고 집에서 활성 클래스를 제거하고 현재 페이지에 따라 HTML로 현재 링크를 추가 할 수 있다는 것을 이해하기를 바랍니다.

  • 이전 Google 스크립트를 사용하여 셀을 잠그는 방법은 무엇입니까?
  • 다음 neo4j 브라우저는 완전히 비현실적인 런타임을보고합니다.