GNUAPP

뺑뺑이 탭메뉴

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

댓글 5개

제가 좋아 안했습니다.. ^^;;
앗 m7102님 ㅎ 안녕하세요.
(그런데 무슨말씀이시죠? ;;;)
한번 해 봐야겠는데요.. ^^ 감사합니다
공대그녀 님, 좋은 팁 고맙습니다. 근데, 이건 어디에 응용해 써먹을 수 있나요? ^^;;
댓글을 작성하시려면 로그인이 필요합니다.

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

+
제목 글쓴이 날짜 조회
13-01-11 조회 6,336
13-01-10 조회 6,191
13-01-09 조회 7,672
13-01-08 조회 5,790
13-01-08 조회 6,783
13-01-08 조회 4,699
13-01-06 조회 1.4만
13-01-04 조회 6,641
13-01-04 조회 3,879
13-01-03 조회 4,450
13-01-02 조회 1.2만
13-01-02 조회 5,140
12-12-31 조회 1.1만
12-12-31 조회 4,851
12-12-27 조회 4,855
12-12-27 조회 4,624
12-12-26 조회 9,143
12-12-26 조회 5,708
12-12-26 조회 1만
12-12-24 조회 4,482