크롬에서 네비게이션메뉴 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_: 이것만 지웠더니 정상작동하네요 :)
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 8230 | 9년 전 | 183 | ||
| 8229 | 9년 전 | 165 | ||
| 8228 |
커네드커네드
|
9년 전 | 202 | |
| 8227 | 9년 전 | 244 | ||
| 8226 | 9년 전 | 263 | ||
| 8225 | 9년 전 | 239 | ||
| 8224 | 9년 전 | 252 | ||
| 8223 | 9년 전 | 223 | ||
| 8222 |
 웹표준3년차 |
9년 전 | 289 | |
| 8221 | 9년 전 | 190 | ||
| 8220 | 9년 전 | 229 | ||
| 8219 | 9년 전 | 203 | ||
| 8218 | 9년 전 | 248 | ||
| 8217 |
star3840
|
9년 전 | 210 | |
| 8216 | 9년 전 | 280 | ||
| 8215 | 9년 전 | 223 | ||
| 8214 | 9년 전 | 332 | ||
| 8213 | 9년 전 | 292 | ||
| 8212 | 9년 전 | 205 | ||
| 8211 | 9년 전 | 373 | ||
| 8210 | 9년 전 | 370 | ||
| 8209 | 9년 전 | 450 | ||
| 8208 | 9년 전 | 337 | ||
| 8207 | 9년 전 | 348 | ||
| 8206 |
 웹의미래는딥러닝 |
9년 전 | 291 | |
| 8205 | 9년 전 | 267 | ||
| 8204 | 9년 전 | 253 | ||
| 8203 | 9년 전 | 333 | ||
| 8202 | 9년 전 | 247 | ||
| 8201 | 9년 전 | 285 | ||
| 8200 | 9년 전 | 292 | ||
| 8199 | 9년 전 | 312 | ||
| 8198 | 9년 전 | 280 | ||
| 8197 | 9년 전 | 261 | ||
| 8196 | 9년 전 | 684 | ||
| 8195 | 9년 전 | 269 | ||
| 8194 | 9년 전 | 384 | ||
| 8193 | 9년 전 | 298 | ||
| 8192 | 9년 전 | 305 | ||
| 8191 | 9년 전 | 265 | ||
| 8190 | 9년 전 | 245 | ||
| 8189 | 9년 전 | 304 | ||
| 8188 | 9년 전 | 238 | ||
| 8187 | 9년 전 | 253 | ||
| 8186 | 9년 전 | 249 | ||
| 8185 | 9년 전 | 418 | ||
| 8184 | 9년 전 | 205 | ||
| 8183 | 9년 전 | 415 | ||
| 8182 | 9년 전 | 283 | ||
| 8181 | 9년 전 | 241 | ||
| 8180 | 9년 전 | 811 | ||
| 8179 | 9년 전 | 590 | ||
| 8178 | 9년 전 | 448 | ||
| 8177 |
kiplayer
|
9년 전 | 445 | |
| 8176 | 9년 전 | 477 | ||
| 8175 | 9년 전 | 364 | ||
| 8174 | 9년 전 | 354 | ||
| 8173 | 9년 전 | 446 | ||
| 8172 | 9년 전 | 326 | ||
| 8171 | 9년 전 | 286 | ||
| 8170 | 9년 전 | 404 | ||
| 8169 |
커네드커네드
|
9년 전 | 361 | |
| 8168 | 9년 전 | 443 | ||
| 8167 | 9년 전 | 432 | ||
| 8166 | 9년 전 | 331 | ||
| 8165 | 9년 전 | 270 | ||
| 8164 | 9년 전 | 410 | ||
| 8163 | 9년 전 | 412 | ||
| 8162 | 9년 전 | 396 | ||
| 8161 | 9년 전 | 407 | ||
| 8160 |
 성격파탄자 |
9년 전 | 629 | |
| 8159 | 9년 전 | 573 | ||
| 8158 | 9년 전 | 370 | ||
| 8157 | 9년 전 | 486 | ||
| 8156 | 9년 전 | 359 | ||
| 8155 | 9년 전 | 369 | ||
| 8154 |
00년생용띠
|
9년 전 | 698 | |
| 8153 | 9년 전 | 336 | ||
| 8152 |
 닉네임없음 |
9년 전 | 517 | |
| 8151 | 9년 전 | 509 | ||
| 8150 | 9년 전 | 628 | ||
| 8149 |
Jangfolk
|
9년 전 | 482 | |
| 8148 | 9년 전 | 299 | ||
| 8147 | 9년 전 | 481 | ||
| 8146 | 9년 전 | 563 | ||
| 8145 | 9년 전 | 521 | ||
| 8144 | 9년 전 | 488 | ||
| 8143 | 9년 전 | 316 | ||
| 8142 | 9년 전 | 533 | ||
| 8141 | 9년 전 | 478 | ||
| 8140 | 9년 전 | 1040 | ||
| 8139 | 9년 전 | 385 | ||
| 8138 |
전갈자리남자
|
9년 전 | 492 | |
| 8137 | 9년 전 | 526 | ||
| 8136 | 9년 전 | 859 | ||
| 8135 |
|
9년 전 | 898 | |
| 8134 |
PlayPixel
|
9년 전 | 641 | |
| 8133 |
 돼지코구뇽 |
9년 전 | 546 | |
| 8132 | 9년 전 | 585 | ||
| 8131 | 9년 전 | 942 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기