<!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개
조건이 걸려이네요. 익스일때만 작동해라 라는 식으로 저줄하고 하단의 } 를 삭제해서 조건을 빼주니 다른브라우저에서도 작동하네요.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 6130 |
gender
|
12년 전 | 1075 | |
| 6129 | 12년 전 | 1312 | ||
| 6128 |
 미스티아이드 |
12년 전 | 3458 | |
| 6127 | 12년 전 | 692 | ||
| 6126 |
미스티아이드 |
12년 전 | 2198 | |
| 6125 |
 라이브러리 |
12년 전 | 4877 | |
| 6124 | 12년 전 | 651 | ||
| 6123 | 12년 전 | 3836 | ||
| 6122 | 12년 전 | 1016 | ||
| 6121 | 12년 전 | 3747 | ||
| 6120 | 12년 전 | 904 | ||
| 6119 | 12년 전 | 1767 | ||
| 6118 | 12년 전 | 922 | ||
| 6117 | 12년 전 | 2146 | ||
| 6116 | 12년 전 | 7931 | ||
| 6115 | 12년 전 | 1914 | ||
| 6114 |
 Faceissue |
12년 전 | 1702 | |
| 6113 | 12년 전 | 1520 | ||
| 6112 | 12년 전 | 588 | ||
| 6111 | 12년 전 | 2102 | ||
| 6110 | 12년 전 | 1841 | ||
| 6109 | 12년 전 | 631 | ||
| 6108 | 12년 전 | 1196 | ||
| 6107 | 12년 전 | 614 | ||
| 6106 | 12년 전 | 899 | ||
| 6105 | 12년 전 | 1184 | ||
| 6104 | 12년 전 | 3575 | ||
| 6103 | 12년 전 | 2111 | ||
| 6102 | 12년 전 | 2300 | ||
| 6101 | 12년 전 | 3667 | ||
| 6100 | 12년 전 | 3475 | ||
| 6099 | 12년 전 | 3140 | ||
| 6098 | 12년 전 | 4014 | ||
| 6097 | 12년 전 | 1009 | ||
| 6096 | 12년 전 | 5974 | ||
| 6095 | 12년 전 | 1360 | ||
| 6094 | 12년 전 | 1215 | ||
| 6093 | 12년 전 | 3397 | ||
| 6092 | 12년 전 | 3031 | ||
| 6091 | 12년 전 | 5184 | ||
| 6090 | 12년 전 | 2696 | ||
| 6089 | 12년 전 | 3324 | ||
| 6088 | 12년 전 | 1011 | ||
| 6087 | 12년 전 | 840 | ||
| 6086 | 12년 전 | 2015 | ||
| 6085 |
 늘푸른등불 |
12년 전 | 805 | |
| 6084 |
웹디자인되고파
|
12년 전 | 2213 | |
| 6083 | 12년 전 | 1502 | ||
| 6082 | 12년 전 | 1100 | ||
| 6081 | 12년 전 | 2094 | ||
| 6080 |
Stiven
|
12년 전 | 2308 | |
| 6079 |
프로프리랜서
|
12년 전 | 1310 | |
| 6078 |
프로프리랜서
|
12년 전 | 785 | |
| 6077 |
프로프리랜서
|
12년 전 | 1333 | |
| 6076 |
프로프리랜서
|
12년 전 | 823 | |
| 6075 |
프로프리랜서
|
12년 전 | 1210 | |
| 6074 | 12년 전 | 3851 | ||
| 6073 | 12년 전 | 3944 | ||
| 6072 | 12년 전 | 1367 | ||
| 6071 | 12년 전 | 6978 | ||
| 6070 | 12년 전 | 7558 | ||
| 6069 | 12년 전 | 2310 | ||
| 6068 | 12년 전 | 3864 | ||
| 6067 |
smwkd
|
12년 전 | 628 | |
| 6066 | 12년 전 | 3650 | ||
| 6065 | 12년 전 | 3477 | ||
| 6064 | 12년 전 | 2712 | ||
| 6063 | 12년 전 | 2818 | ||
| 6062 | 12년 전 | 2355 | ||
| 6061 | 12년 전 | 2266 | ||
| 6060 | 12년 전 | 5169 | ||
| 6059 | 12년 전 | 2798 | ||
| 6058 | 12년 전 | 3126 | ||
| 6057 | 12년 전 | 2252 | ||
| 6056 | 12년 전 | 6835 | ||
| 6055 | 12년 전 | 2573 | ||
| 6054 | 12년 전 | 3423 | ||
| 6053 | 12년 전 | 2317 | ||
| 6052 | 12년 전 | 4813 | ||
| 6051 | 12년 전 | 3692 | ||
| 6050 | 12년 전 | 2549 | ||
| 6049 | 12년 전 | 2229 | ||
| 6048 |
 Rockg |
12년 전 | 1284 | |
| 6047 | 12년 전 | 3424 | ||
| 6046 | 12년 전 | 4085 | ||
| 6045 | 12년 전 | 3450 | ||
| 6044 | 12년 전 | 5325 | ||
| 6043 | 12년 전 | 1646 | ||
| 6042 | 12년 전 | 1267 | ||
| 6041 | 12년 전 | 5161 | ||
| 6040 | 12년 전 | 934 | ||
| 6039 | 12년 전 | 3401 | ||
| 6038 | 12년 전 | 3403 | ||
| 6037 | 12년 전 | 2988 | ||
| 6036 | 12년 전 | 3340 | ||
| 6035 | 12년 전 | 2862 | ||
| 6034 | 12년 전 | 2842 | ||
| 6033 | 12년 전 | 2862 | ||
| 6032 | 12년 전 | 2853 | ||
| 6031 | 12년 전 | 2874 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기