javascript_javascript 기술로 구현된 다중 레이어 전환 효과에 대한 공통 기능의 예

이 기사의 예에서는 자바스크립트로 구현된 다중 레이어 전환 효과의 일반적인 기능을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.

function ChangeDiv(tagId,tagName,divId,divName,zDivCount,tagclass,divclass) {
for(i=0;i<=zDivCount;i++) {
document.getElementById(divName+i).style.display="none";
document.getElementById(divName+i).className='';
document.getElementById(tagName+i).className='';
}
document.getElementById(divName+divId).style.display="block";
document.getElementById(tagName+tagId).className=tagclass;
document.getElementById(divName+divId).className=divclass;
}

tagId, tagName은 마우스로 클릭한 컨트롤 레이어의 ID와 이름입니다. divId, divName은 표시되고 숨겨지도록 제어되는 레이어의 ID와 이름입니다. zDivCount는 표시되고 숨겨진 레이어의 수 - 1(만일 5 레이어는 4)

tagclass와 divclass는 각각 제어 레이어의 스타일이고 제어 레이어의 스타일입니다

이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.