뺑뺑이 탭메뉴 > 그누4 팁자료실

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

뺑뺑이 탭메뉴 정보

뺑뺑이 탭메뉴

본문

뺑뺑이 탭메뉴입니다.
메뉴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>