뺑뺑이 탭메뉴
뺑뺑이 탭메뉴입니다.
메뉴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>
댓글 5개
m7102
12년 전
제가 좋아 안했습니다.. ^^;;
12년 전
앗 m7102님 ㅎ 안녕하세요.
(그런데 무슨말씀이시죠? ;;;)
(그런데 무슨말씀이시죠? ;;;)
rumi717
12년 전
좋아요~
12년 전
한번 해 봐야겠는데요.. ^^ 감사합니다
11년 전
공대그녀 님, 좋은 팁 고맙습니다. 근데, 이건 어디에 응용해 써먹을 수 있나요? ^^;;
게시판 목록
그누4 팁자료실
그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.
나누면 즐거움이 커집니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 2949 | 12년 전 | 5970 | ||
| 2948 |
후라보노보노
|
12년 전 | 5819 | |
| 2947 | 12년 전 | 7310 | ||
| 2946 | 12년 전 | 5367 | ||
| 2945 | 12년 전 | 6431 | ||
| 2944 |
|
12년 전 | 4371 | |
| 2943 | 12년 전 | 14024 | ||
| 2942 | 12년 전 | 6286 | ||
| 2941 |
greed
|
12년 전 | 3573 | |
| 2940 |
|
12년 전 | 4143 | |
| 2939 | 12년 전 | 11235 | ||
| 2938 | 12년 전 | 4850 | ||
| 2937 | 12년 전 | 10548 | ||
| 2936 | 12년 전 | 4529 | ||
| 2935 | 12년 전 | 4538 | ||
| 2934 | 12년 전 | 4288 | ||
| 2933 | 12년 전 | 8760 | ||
| 2932 | 12년 전 | 5377 | ||
| 2931 |
snoopy
|
12년 전 | 9746 | |
| 2930 |
본인요청삭제☆
|
12년 전 | 4166 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기