원생 JS 2 급 내 비게 이 션 실현 (장단 점 과 한계 성)

더 읽 기
【 머리말 】
      본문 은 간단하게 말 하면 js 가 2 급 내 비게 이 션 을 실현 한다.
 
[주체]
（1）

첫 페이지

간단 한 소개

생 성 시간

출시 시간

투기 시간

초빙 에 응 하 다

기술 직

관 리 직

인적 자원

생산품

제품 명

제품 공급 원

제품 효과

시장 효과

우리

/*
query Selector () 방법 은 문서 에 지정 한 CSS 선택 기 와 일치 하 는 요 소 를 되 돌려 줍 니 다 & \ # 13;
query Selector All () 방법 은 문서 에 지정 한 CSS 선택 기의 모든 요 소 를 되 돌려 줍 니 다 & \ # 13;
*/
var liTags = document.querySelectorAll(".nav > li");
for (var i=0; i<liTags.length; i++){
liTags[i].onmouseenter = function (e) {
/*
이벤트 대상 & \ # 13;
1. 이벤트. target 은 이벤트 의 요 소 를 되 돌려 줍 니 다 & \ # 13;
2. 이벤트. currentTarget 은 귀속 이벤트 의 요소 & \ # 13 를 되 돌려 줍 니 다.
*/
var li = e. currentTarget; / 모니터 가 이벤트 의 어떤 요 소 를 촉발 시 켰 는 지 얻 기 & \ # 13;
/*
요소 클래스 이름 의 조작 & \ # 13;
element. classList. add (class 1, class 2,...) 요소 추가, element. classList. remove (class 1, class 2,...) 요소 제거 & \ # 13;
*/
li.classList.add("active");
console.log(li.children[1])
}
liTags[i].onmouseleave = function (e) {
var li = e.currentTarget;
li.classList.remove("active");
}
}
 
 
 
.