크롬에서 네비게이션메뉴 display:none 가 구현이 안되네요..;
마우스 오버시에만 서브 메뉴가 표시되는 네비게이션인데요..
보시면 두번째 상위메뉴의 하위메뉴가 계속해서 떠 있습니다.
다른 상위 메뉴의 하위메뉴들은 마우스 오버시에만 뜨는데요..
사이트 주소구요. 네비게이션php 파일 내용은아래와 같습니다.
제가 직접 짠 것이 아니라 인터넷에서 코딩 주워와서 수정한 것이라서
의심가는 것들을 들여다 봐도 제 실력으론 뭐가 문제인지 모르겠습니다. 제로보드랑 충돌하는 것일까요?
고수분 도와주세요.(__)
<script>
<!--
function fncClick( obj )
{
var fm = document.frm;
var img = fm.menu;
for( var i=0; i<img.length; i++ )
{
if( img[i] === obj )
{
if( img[i].src.indexOf('_on') == -1 )
{
img[i].src = img[i].src.replace('_off.jpg','_on.jpg');
document.getElementById(img[i].id+'_sub').style.display = '';
}
}
else
{
img[i].src = img[i].src.replace('_on','_off');
document.getElementById(img[i].id+'_sub').style.display = 'none';
}
}
}
//-->
</script>
<form name='frm'>
<table width='576' cellpadding='0' cellspacing='0' border='0' align="right">
<!---- 상위 메뉴--->
<tr>
<td>
<img id='menu1' name='menu' src='/myimg/mn1_off.jpg' style='cursor:hand;' onmouseover='javascript_:fncClick(this);'>
<img id='menu2' name='menu' src='/myimg/mn2_off.jpg' style='cursor:hand;' onmouseover='javascript_:fncClick(this);'>
<img id='menu3' name='menu' src='/myimg/mn3_off.jpg' style='cursor:hand;' onmouseover='javascript_:fncClick(this);'>
<img id='menu4' name='menu' src='/myimg/mn4_off.jpg' style='cursor:hand;' onmouseover='javascript_:fncClick(this);'>
</td>
</tr>
<!---- 하위 메뉴--->
<tr>
<td>
<span id='menu1_sub' style='display:none'>
<a href="/introduce.php"><img src="/myimg/smn11.gif" alt="인사말" /></a> 
<a href="/bbs/board.php?bo_table=notice"><img src="/myimg/smn12.gif"</a> 
<a href="/location.php"><img src="/myimg/smn13.gif"</a>
</span>
<span id='menu2_sub' style='display:none; margin-left:30px'>
<a href="/lecture.php"><img src="/myimg/smn21.gif"</a> 
<a href="/bbs/board.php?bo_table=column"><img src="/myimg/smn22.gif" /></a> 
<a href="/bbs/board.php?bo_table=archives"><img src="/myimg/smn23.gif" /></a> 
<a href="/bbs/board.php?bo_table=instances"><img src="/myimg/smn24.gif" /></a>
</span>
<span id='menu3_sub' style='display:none; margin-left:50px'>
<a href="/changework.php"><img src="/myimg/smn31.gif" /></a> 
<a href="/change_body.php"><img src="/myimg/smn32.gif" /></a> 
<a href="/change_heart.php"><img src="/myimg/smn33.gif" /></a> 
<a href="/change_life.php"><img src="/myimg/smn34.gif" /></a> 
<a href="/change_world.php"><img src="/myimg/smn35.gif" /></a>
</span>
<span id='menu4_sub' style='display:none; margin-left:270px'>
<a href="/bbs/board.php?bo_table=QNA"><img src="/myimg/smn41.gif" /></a> 
<a href="/bbs/board.php?bo_table=afternote"><img src="/myimg/smn42.gif" /></a> 
<a href="/bbs/board.php?bo_table=reserve"><img src="/myimg/smn43.gif" /></a>
</span>
</td>
</tr>
</table>
</form>
댓글 2개
aequum
13년 전
아.. 고생중이십니까? ㅎㅎ 제대로 태그를 처리하지 않아서 그래요. @.@
<a href="/lecture.php"><img src="/myimg/smn21.gif"</a>
여기서 img 태그가 닫지 않고 </a>가 왔고요.. 브라우저에서 menu2_sub span을 닫지 못해서 밖에 있게 됩니다.
style="cursor:hand" -> style="cursor:pointer"로 onhover에 "javascript_:"는 필요없습니다.
<a href="/lecture.php"><img src="/myimg/smn21.gif"</a>
여기서 img 태그가 닫지 않고 </a>가 왔고요.. 브라우저에서 menu2_sub span을 닫지 못해서 밖에 있게 됩니다.
style="cursor:hand" -> style="cursor:pointer"로 onhover에 "javascript_:"는 필요없습니다.
13년 전
용자 aequum님 감사합니다. 덕분에 말끔히 해결되었습니다. (__)
기초적인 실수를 저질였는데도 안목이 부족하지 보지 못했네요 ㅋ
모르는 스크립트 부분에서의 오류일까 하고 끙끙대고 있었다는..
그런데
onhover 이런 부분은 없는 것 같은데..
onmouseover='javascript_:fncClick(this);' 이거 말씀이신가요? 통째로 지워도 된다는 뜻입니까?
통째로 지웠더니 안되네요. javascript_: 이것만 지웠더니 정상작동하네요 :)
기초적인 실수를 저질였는데도 안목이 부족하지 보지 못했네요 ㅋ
모르는 스크립트 부분에서의 오류일까 하고 끙끙대고 있었다는..
그런데
onhover 이런 부분은 없는 것 같은데..
onmouseover='javascript_:fncClick(this);' 이거 말씀이신가요? 통째로 지워도 된다는 뜻입니까?
통째로 지웠더니 안되네요. javascript_: 이것만 지웠더니 정상작동하네요 :)
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 230 | 20년 전 | 2094 | ||
| 229 | 20년 전 | 3155 | ||
| 228 | 20년 전 | 3344 | ||
| 227 | 20년 전 | 2419 | ||
| 226 | 20년 전 | 5499 | ||
| 225 | 20년 전 | 2542 | ||
| 224 | 20년 전 | 2986 | ||
| 223 | 20년 전 | 4219 | ||
| 222 | 20년 전 | 2616 | ||
| 221 | 20년 전 | 2305 | ||
| 220 | 20년 전 | 3694 | ||
| 219 | 20년 전 | 2090 | ||
| 218 | 20년 전 | 3589 | ||
| 217 | 20년 전 | 2501 | ||
| 216 | 20년 전 | 2940 | ||
| 215 | 20년 전 | 2250 | ||
| 214 | 20년 전 | 3356 | ||
| 213 | 20년 전 | 2941 | ||
| 212 | 20년 전 | 3085 | ||
| 211 | 20년 전 | 2171 | ||
| 210 | 20년 전 | 1932 | ||
| 209 | 20년 전 | 2384 | ||
| 208 | 20년 전 | 2017 | ||
| 207 | 20년 전 | 1695 | ||
| 206 | 20년 전 | 1869 | ||
| 205 | 20년 전 | 3968 | ||
| 204 | 20년 전 | 1691 | ||
| 203 | 20년 전 | 2033 | ||
| 202 | 20년 전 | 2369 | ||
| 201 | 20년 전 | 1847 | ||
| 200 | 20년 전 | 2976 | ||
| 199 | 20년 전 | 2020 | ||
| 198 | 20년 전 | 2101 | ||
| 197 | 20년 전 | 3674 | ||
| 196 | 20년 전 | 3013 | ||
| 195 | 20년 전 | 2129 | ||
| 194 | 20년 전 | 10274 | ||
| 193 | 20년 전 | 2271 | ||
| 192 | 20년 전 | 1620 | ||
| 191 | 20년 전 | 2685 | ||
| 190 | 20년 전 | 2305 | ||
| 189 | 20년 전 | 1709 | ||
| 188 | 20년 전 | 1506 | ||
| 187 | 20년 전 | 1929 | ||
| 186 | 20년 전 | 1757 | ||
| 185 | 20년 전 | 1803 | ||
| 184 | 20년 전 | 2388 | ||
| 183 | 20년 전 | 1597 | ||
| 182 | 20년 전 | 1502 | ||
| 181 | 20년 전 | 1643 | ||
| 180 | 20년 전 | 2741 | ||
| 179 | 20년 전 | 1829 | ||
| 178 | 20년 전 | 1880 | ||
| 177 | 20년 전 | 2008 | ||
| 176 | 20년 전 | 1817 | ||
| 175 | 20년 전 | 1889 | ||
| 174 | 20년 전 | 1717 | ||
| 173 | 20년 전 | 2074 | ||
| 172 | 20년 전 | 1799 | ||
| 171 | 20년 전 | 2584 | ||
| 170 | 20년 전 | 2301 | ||
| 169 | 20년 전 | 2581 | ||
| 168 | 20년 전 | 1515 | ||
| 167 | 20년 전 | 1603 | ||
| 166 | 20년 전 | 2175 | ||
| 165 | 20년 전 | 1663 | ||
| 164 | 20년 전 | 3794 | ||
| 163 | 20년 전 | 2691 | ||
| 162 | 20년 전 | 2115 | ||
| 161 | 20년 전 | 2823 | ||
| 160 | 20년 전 | 1759 | ||
| 159 | 20년 전 | 1637 | ||
| 158 | 20년 전 | 2590 | ||
| 157 | 20년 전 | 1516 | ||
| 156 | 20년 전 | 1777 | ||
| 155 | 20년 전 | 3256 | ||
| 154 | 20년 전 | 1927 | ||
| 153 | 20년 전 | 1648 | ||
| 152 | 20년 전 | 4983 | ||
| 151 | 20년 전 | 4604 | ||
| 150 | 20년 전 | 3540 | ||
| 149 | 20년 전 | 3817 | ||
| 148 | 20년 전 | 7102 | ||
| 147 | 20년 전 | 3571 | ||
| 146 | 20년 전 | 2651 | ||
| 145 | 20년 전 | 2642 | ||
| 144 | 20년 전 | 7180 | ||
| 143 | 20년 전 | 4626 | ||
| 142 | 20년 전 | 1915 | ||
| 141 | 20년 전 | 3275 | ||
| 140 | 20년 전 | 1992 | ||
| 139 | 20년 전 | 1617 | ||
| 138 | 20년 전 | 2333 | ||
| 137 | 20년 전 | 1810 | ||
| 136 | 20년 전 | 1476 | ||
| 135 | 20년 전 | 1816 | ||
| 134 | 20년 전 | 2994 | ||
| 133 | 20년 전 | 2475 | ||
| 132 | 20년 전 | 1722 | ||
| 131 | 20년 전 | 1669 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기