뺑뺑이 탭메뉴 정보
뺑뺑이 탭메뉴
본문
뺑뺑이 탭메뉴입니다.
메뉴1->메뉴2-메뉴3->메뉴1 로 누를때마다 돕니다.
스트립트에서 (i=1; i<=3; i++) 요기 숫자 3을 원하는 수량으로 바꾸시고
<div>~</div>를 수량만큼 더 만들어서 사용하면 됩니다.
<div style="DISPLAY: block" id=menu1>
<table width=100% height=100% border="0" cellpadding="0" cellspacing="0" style="cursor:pointer;cursor:hand;" onclick=BB(2)>
<tr>
<td>내용1</td>
</tr>
</table>
</div>
<div style="DISPLAY: none" id=menu2>
<table width=100% height=100% border="0" cellpadding="0" cellspacing="0" style="cursor:pointer;cursor:hand;" onclick=BB(3)>
<tr>
<td>내용2</td>
</tr>
</table>
</div>
<div style="DISPLAY: none" id=menu3>
<table width=100% height=100% border="0" cellpadding="0" cellspacing="0" style="cursor:pointer;cursor:hand;" onclick=BB(1)>
<tr>
<td>내용3</td>
</tr>
</table>
</div>
<script type="text/javascript">
function BB(index) {
for (i=1; i<=3; i++) {
var tmpMenu = document.getElementById("menu"+i);
if( typeof(tmp)!='undefinded' ) {
if (index == i)
tmpMenu.style.display = "block";
else
tmpMenu.style.display = "none";
}
}
}
</script>
메뉴1->메뉴2-메뉴3->메뉴1 로 누를때마다 돕니다.
스트립트에서 (i=1; i<=3; i++) 요기 숫자 3을 원하는 수량으로 바꾸시고
<div>~</div>를 수량만큼 더 만들어서 사용하면 됩니다.
<div style="DISPLAY: block" id=menu1>
<table width=100% height=100% border="0" cellpadding="0" cellspacing="0" style="cursor:pointer;cursor:hand;" onclick=BB(2)>
<tr>
<td>내용1</td>
</tr>
</table>
</div>
<div style="DISPLAY: none" id=menu2>
<table width=100% height=100% border="0" cellpadding="0" cellspacing="0" style="cursor:pointer;cursor:hand;" onclick=BB(3)>
<tr>
<td>내용2</td>
</tr>
</table>
</div>
<div style="DISPLAY: none" id=menu3>
<table width=100% height=100% border="0" cellpadding="0" cellspacing="0" style="cursor:pointer;cursor:hand;" onclick=BB(1)>
<tr>
<td>내용3</td>
</tr>
</table>
</div>
<script type="text/javascript">
function BB(index) {
for (i=1; i<=3; i++) {
var tmpMenu = document.getElementById("menu"+i);
if( typeof(tmp)!='undefinded' ) {
if (index == i)
tmpMenu.style.display = "block";
else
tmpMenu.style.display = "none";
}
}
}
</script>
추천
3
3
댓글 5개

제가 좋아 안했습니다.. ^^;;

앗 m7102님 ㅎ 안녕하세요.
(그런데 무슨말씀이시죠? ;;;)
(그런데 무슨말씀이시죠? ;;;)
좋아요~
한번 해 봐야겠는데요.. ^^ 감사합니다

공대그녀 님, 좋은 팁 고맙습니다. 근데, 이건 어디에 응용해 써먹을 수 있나요? ^^;;