<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>텝메뉴</title>
<script language="javascript">
function menu1(index) {
if (navigator.userAgent.indexOf("MSIE") != -1) {
if (index == 1) {
t1.style.display = "";
t2.style.display = "none";
t3.style.display = "none";
t4.style.display = "none";
}
else if(index == 2){
t1.style.display = "none";
t2.style.display = "";
t3.style.display = "none";
t4.style.display = "none";
}
else if(index == 3){
t1.style.display = "none";
t2.style.display = "none";
t3.style.display = "";
t4.style.display = "none";
}
else if(index == 4){
t1.style.display = "none";
t2.style.display = "none";
t3.style.display = "none";
t4.style.display = "";
}
}
}
</script>
</head>
<body>
<br /><br /><br />
<div id=t1>
<table width="300" border="0">
<tr height="30" align="center">
<td width="150" bgcolor="#CCCCCC">MENU1</td>
<td bgcolor="#EEEEEE"><a href="javascript:menu1(2);" onFocus="this.blur()">MENU2</a></td>
<td bgcolor="#EEEEEE"><a href="javascript:menu1(3);" onFocus="this.blur()">MENU3</a></td>
<td bgcolor="#EEEEEE"><a href="javascript:menu1(4);" onFocus="this.blur()">MENU4</a></td>
</tr>
<tr height="100">
<td colspan="4" bgcolor="red">
Content 1
</td>
</tr>
</table>
</div>
<div id=t2 style="display:none">
<table width="300" border="0">
<tr height="30" align="center">
<td width="150" bgcolor="#EEEEEE"><a href="javascript:menu1(1);" onFocus="this.blur()">MENU1</a></td>
<td bgcolor="#CCCCCC">MENU2</td>
<td width="150" bgcolor="#EEEEEE"><a href="javascript:menu1(3);" onFocus="this.blur()">MENU3</a></td>
<td width="150" bgcolor="#EEEEEE"><a href="javascript:menu1(4);" onFocus="this.blur()">MENU4</a></td>
</tr>
<tr height="100">
<td colspan="4" bgcolor="blue">
Content 2
</td>
</tr>
</table>
</div>
<div id=t3 style="display:none">
<table width="300" border="0">
<tr height="30" align="center">
<td width="150" bgcolor="#EEEEEE"><a href="javascript:menu1(1);" onFocus="this.blur()">MENU1</a></td>
<td bgcolor="#EEEEEE"><a href="javascript:menu1(2);" onFocus="this.blur()">MENU2</a></td>
<td width="150"bgcolor="#CCCCCC">MENU3</td>
<td width="150" bgcolor="#EEEEEE"><a href="javascript:menu1(4);" onFocus="this.blur()">MENU4</a></td>
</tr>
<tr height="100">
<td colspan="4" bgcolor="black">
Content 3
</td>
</tr>
</table>
</div>
<div id=t4 style="display:none">
<table width="300" border="0">
<tr height="30" align="center">
<td width="150" bgcolor="#EEEEEE"><a href="javascript:menu1(1);" onFocus="this.blur()">MENU1</a></td>
<td bgcolor="#EEEEEE"><a href="javascript:menu1(2);" onFocus="this.blur()">MENU2</a></td>
<td width="150" bgcolor="#EEEEEE"><a href="javascript:menu1(3);" onFocus="this.blur()">MENU3</a></td>
<td width="150" bgcolor="#CCCCCC">MENU4</td>
</tr>
<tr height="100">
<td colspan="4" bgcolor="black">
Content 4
</td>
</tr>
</table>
</div>
<br /><br /><br />
</body>
</html>
이상 소스구요..
익스플로러 9에서는 보이는데 파이어폭스에서는 적용이 안되네요...
이유가 뭘까요..
답변 부탁드립니다...
댓글 1개
조건이 걸려이네요. 익스일때만 작동해라 라는 식으로 저줄하고 하단의 } 를 삭제해서 조건을 빼주니 다른브라우저에서도 작동하네요.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5630 | 13년 전 | 1067 | ||
| 5629 | 13년 전 | 2705 | ||
| 5628 | 13년 전 | 1283 | ||
| 5627 | 13년 전 | 1658 | ||
| 5626 | 13년 전 | 1291 | ||
| 5625 | 13년 전 | 1945 | ||
| 5624 | 13년 전 | 1356 | ||
| 5623 | 13년 전 | 946 | ||
| 5622 | 13년 전 | 422 | ||
| 5621 | 13년 전 | 13309 | ||
| 5620 | 13년 전 | 1192 | ||
| 5619 | 13년 전 | 3335 | ||
| 5618 | 13년 전 | 974 | ||
| 5617 | 13년 전 | 421 | ||
| 5616 | 13년 전 | 600 | ||
| 5615 |
Preware
|
13년 전 | 421 | |
| 5614 | 13년 전 | 553 | ||
| 5613 |
AMDbest
|
13년 전 | 4339 | |
| 5612 |
AMDbest
|
13년 전 | 6165 | |
| 5611 | 13년 전 | 873 | ||
| 5610 |
AMDbest
|
13년 전 | 4661 | |
| 5609 | 13년 전 | 964 | ||
| 5608 |
|
13년 전 | 482 | |
| 5607 | 13년 전 | 647 | ||
| 5606 | 13년 전 | 463 | ||
| 5605 | 13년 전 | 362 | ||
| 5604 | 13년 전 | 605 | ||
| 5603 |
갑수엔터테인먼트
|
13년 전 | 766 | |
| 5602 | 13년 전 | 422 | ||
| 5601 | 13년 전 | 508 | ||
| 5600 | 13년 전 | 931 | ||
| 5599 | 13년 전 | 7464 | ||
| 5598 |
PHPㅡASP프로그래머
|
13년 전 | 2699 | |
| 5597 | 13년 전 | 402 | ||
| 5596 |
hoinV
|
13년 전 | 994 | |
| 5595 | 13년 전 | 919 | ||
| 5594 | 13년 전 | 1058 | ||
| 5593 | 13년 전 | 4941 | ||
| 5592 |
|
13년 전 | 388 | |
| 5591 | 13년 전 | 891 | ||
| 5590 |
PHPㅡASP프로그래머
|
13년 전 | 2306 | |
| 5589 | 13년 전 | 1938 | ||
| 5588 |
바다로가자
|
13년 전 | 1637 | |
| 5587 |
PHPㅡASP프로그래머
|
13년 전 | 1824 | |
| 5586 | 13년 전 | 2741 | ||
| 5585 | 13년 전 | 392 | ||
| 5584 | 13년 전 | 1871 | ||
| 5583 | 13년 전 | 1304 | ||
| 5582 |
바다로가자
|
13년 전 | 3095 | |
| 5581 |
|
13년 전 | 3101 | |
| 5580 | 13년 전 | 916 | ||
| 5579 |
하하369
|
13년 전 | 3977 | |
| 5578 | 13년 전 | 1061 | ||
| 5577 | 13년 전 | 1229 | ||
| 5576 | 13년 전 | 1644 | ||
| 5575 |
가위바위보
|
13년 전 | 1593 | |
| 5574 |
danielle
|
13년 전 | 703 | |
| 5573 |
|
13년 전 | 855 | |
| 5572 | 13년 전 | 2771 | ||
| 5571 | 13년 전 | 829 | ||
| 5570 | 13년 전 | 1423 | ||
| 5569 |
|
13년 전 | 2127 | |
| 5568 | 13년 전 | 1955 | ||
| 5567 | 13년 전 | 678 | ||
| 5566 |
|
13년 전 | 1309 | |
| 5565 | 13년 전 | 3670 | ||
| 5564 | 13년 전 | 919 | ||
| 5563 | 13년 전 | 1371 | ||
| 5562 | 13년 전 | 869 | ||
| 5561 | 13년 전 | 1042 | ||
| 5560 |
PHPㅡASP프로그래머
|
13년 전 | 1528 | |
| 5559 | 13년 전 | 631 | ||
| 5558 |
there007
|
13년 전 | 1548 | |
| 5557 | 13년 전 | 1183 | ||
| 5556 |
후라보노보노
|
13년 전 | 742 | |
| 5555 | 13년 전 | 9129 | ||
| 5554 | 13년 전 | 821 | ||
| 5553 |
가을이군요
|
13년 전 | 713 | |
| 5552 |
|
13년 전 | 788 | |
| 5551 | 13년 전 | 1508 | ||
| 5550 |
후라보노보노
|
13년 전 | 914 | |
| 5549 |
|
13년 전 | 1008 | |
| 5548 | 13년 전 | 676 | ||
| 5547 | 13년 전 | 525 | ||
| 5546 | 13년 전 | 4608 | ||
| 5545 | 13년 전 | 906 | ||
| 5544 | 13년 전 | 1022 | ||
| 5543 | 13년 전 | 758 | ||
| 5542 | 13년 전 | 6631 | ||
| 5541 | 13년 전 | 806 | ||
| 5540 | 13년 전 | 1137 | ||
| 5539 | 13년 전 | 1115 | ||
| 5538 | 13년 전 | 2827 | ||
| 5537 | 13년 전 | 808 | ||
| 5536 | 13년 전 | 2701 | ||
| 5535 |
|
13년 전 | 1207 | |
| 5534 | 13년 전 | 1762 | ||
| 5533 |
꿈꾸는인생
|
13년 전 | 1331 | |
| 5532 | 13년 전 | 1495 | ||
| 5531 | 13년 전 | 1709 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기