<!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개
조건이 걸려이네요. 익스일때만 작동해라 라는 식으로 저줄하고 하단의 } 를 삭제해서 조건을 빼주니 다른브라우저에서도 작동하네요.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5830 | 13년 전 | 1189 | ||
| 5829 | 13년 전 | 5055 | ||
| 5828 | 13년 전 | 6438 | ||
| 5827 | 13년 전 | 1211 | ||
| 5826 |
|
13년 전 | 538 | |
| 5825 | 13년 전 | 900 | ||
| 5824 |
|
13년 전 | 1884 | |
| 5823 | 13년 전 | 5621 | ||
| 5822 |
jfascas
|
13년 전 | 1054 | |
| 5821 | 13년 전 | 1701 | ||
| 5820 | 13년 전 | 1316 | ||
| 5819 |
itlang
|
13년 전 | 512 | |
| 5818 | 13년 전 | 1308 | ||
| 5817 | 13년 전 | 785 | ||
| 5816 | 13년 전 | 625 | ||
| 5815 | 13년 전 | 6136 | ||
| 5814 | 13년 전 | 864 | ||
| 5813 |
악마의유혹
|
13년 전 | 463 | |
| 5812 | 13년 전 | 2809 | ||
| 5811 | 13년 전 | 1180 | ||
| 5810 | 13년 전 | 3534 | ||
| 5809 | 13년 전 | 1359 | ||
| 5808 | 13년 전 | 1065 | ||
| 5807 | 13년 전 | 575 | ||
| 5806 | 13년 전 | 560 | ||
| 5805 |
angrysol
|
13년 전 | 820 | |
| 5804 | 13년 전 | 1011 | ||
| 5803 | 13년 전 | 1741 | ||
| 5802 |
angrysol
|
13년 전 | 1065 | |
| 5801 |
후라보노보노
|
13년 전 | 2153 | |
| 5800 | 13년 전 | 1114 | ||
| 5799 |
|
13년 전 | 4198 | |
| 5798 |
|
13년 전 | 3364 | |
| 5797 |
|
13년 전 | 4940 | |
| 5796 | 13년 전 | 7547 | ||
| 5795 | 13년 전 | 2778 | ||
| 5794 | 13년 전 | 2231 | ||
| 5793 |
|
13년 전 | 662 | |
| 5792 | 13년 전 | 2974 | ||
| 5791 | 13년 전 | 848 | ||
| 5790 | 13년 전 | 4331 | ||
| 5789 |
|
13년 전 | 2479 | |
| 5788 |
|
13년 전 | 1854 | |
| 5787 |
오지랖선생
|
13년 전 | 1622 | |
| 5786 | 13년 전 | 5927 | ||
| 5785 | 13년 전 | 1765 | ||
| 5784 |
|
13년 전 | 1452 | |
| 5783 | 13년 전 | 1311 | ||
| 5782 |
|
13년 전 | 2822 | |
| 5781 | 13년 전 | 2856 | ||
| 5780 | 13년 전 | 1159 | ||
| 5779 |
|
13년 전 | 1358 | |
| 5778 |
오리진소프트
|
13년 전 | 4609 | |
| 5777 | 13년 전 | 680 | ||
| 5776 | 13년 전 | 1164 | ||
| 5775 | 13년 전 | 1469 | ||
| 5774 | 13년 전 | 1892 | ||
| 5773 |
|
13년 전 | 1922 | |
| 5772 | 13년 전 | 1686 | ||
| 5771 | 13년 전 | 4793 | ||
| 5770 | 13년 전 | 1129 | ||
| 5769 | 13년 전 | 6107 | ||
| 5768 |
|
13년 전 | 1579 | |
| 5767 | 13년 전 | 1687 | ||
| 5766 |
프로프리랜서
|
13년 전 | 1387 | |
| 5765 |
|
13년 전 | 1038 | |
| 5764 | 13년 전 | 1761 | ||
| 5763 |
|
13년 전 | 785 | |
| 5762 |
|
13년 전 | 2290 | |
| 5761 | 13년 전 | 619 | ||
| 5760 | 13년 전 | 624 | ||
| 5759 | 13년 전 | 3269 | ||
| 5758 | 13년 전 | 1086 | ||
| 5757 |
|
13년 전 | 742 | |
| 5756 | 13년 전 | 569 | ||
| 5755 | 13년 전 | 1062 | ||
| 5754 |
|
13년 전 | 2228 | |
| 5753 | 13년 전 | 678 | ||
| 5752 | 13년 전 | 1545 | ||
| 5751 | 13년 전 | 770 | ||
| 5750 | 13년 전 | 754 | ||
| 5749 | 13년 전 | 2578 | ||
| 5748 | 13년 전 | 1010 | ||
| 5747 | 13년 전 | 1218 | ||
| 5746 |
|
13년 전 | 653 | |
| 5745 | 13년 전 | 1659 | ||
| 5744 | 13년 전 | 690 | ||
| 5743 | 13년 전 | 834 | ||
| 5742 |
프로프리랜서
|
13년 전 | 579 | |
| 5741 | 13년 전 | 643 | ||
| 5740 | 13년 전 | 632 | ||
| 5739 | 13년 전 | 731 | ||
| 5738 | 13년 전 | 1927 | ||
| 5737 | 13년 전 | 992 | ||
| 5736 | 13년 전 | 1095 | ||
| 5735 | 13년 전 | 1996 | ||
| 5734 | 13년 전 | 1145 | ||
| 5733 | 13년 전 | 2787 | ||
| 5732 |
JOYCOM
|
13년 전 | 647 | |
| 5731 | 13년 전 | 3309 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기