>  기사  >  웹 프론트엔드  >  간단하고 보편적인 JS 슬라이딩 도어 코드_탐색 메뉴

간단하고 보편적인 JS 슬라이딩 도어 코드_탐색 메뉴

WBOY
WBOY원래의
2016-05-16 18:57:341090검색
코드 복사 코드는 다음과 같습니다.


    LI>



  • JS 코드



코드 복사
코드는 다음과 같습니다.< script 언어= "javascript"> function show_tab(id){ var tabMainNav;
var tabContent;
tabMainNav=document.getElementById('tabMainNav')
tabContent=document. getElementById(' tabContent');
for(i=0;iif(i==id){
tabMainNav.children[i].className= '선택됨' ​​;
tabContent.children[i].className='';
}else{
tabMainNav.children[i].className=''; className='hidden';
}
}



CSS 코드를 수정하여 서로 다른 스타일을 표시하세요
. 숨김{
}
.선택됨{
}
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.