askjhxzkcjvlhk xchvkjhxkcvhzxcvxv
asdfkjxz;lcvjk jzxcl;vjz;jv
qweofkjxkcvj;lzxj
qkjf;lkjl;jkxjcvj
asdfkjx;zclkjvlxzjvc;l
이 두번째 탭메뉴는 실무에서 정말 잘 활용할수 있는것 같습니다.
이런 문제를 내주신 찬명형님께 감사드립니다.
가로 탭메뉴 입니다.
reuse 할수 있게 만들어 봤습니다.
다시 탭메뉴로 이동
HTML 구성은<br />
<ul id="메뉴아이디 + 아이디번호" class="navi">
<li><a href="#naviCon + 아이디번호 + 메뉴번호">메뉴</a></li>
.
.
.
</ul>
<div id="메뉴아이디 + 아이디번호 + content">
<div id="naviCon + 아이디번호 + 메뉴번호">내용</div>
.
.
.
</div>
다시 탭메뉴로 이동
페이지내에 탭메뉴가 무한대일 경우를 생각해서...
만들었기에 자바스크립트의 속도가 매우 느릴수도 있습니다...
바디에서 모든 UL을 찾아 class="navi" 인걸 찾습니다.
거기에 액션을 준 것이라...
다시 탭메뉴로 이동
asdkjzx;lcjv klxzjcvl;j xz;lvj
다시 탭메뉴로 이동
qwerxujvjk x;zlvkjvjkxzjc;lvjlkjv
다시 탭메뉴로 이동