크롬에서 네비게이션메뉴 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_: 이것만 지웠더니 정상작동하네요 :)
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 4530 |
라이언31
|
13년 전 | 641 | |
| 4529 | 13년 전 | 798 | ||
| 4528 |
꼬꼬아부지
|
13년 전 | 1005 | |
| 4527 | 13년 전 | 613 | ||
| 4526 | 13년 전 | 696 | ||
| 4525 |
 똥싼너구리 |
13년 전 | 1018 | |
| 4524 | 13년 전 | 994 | ||
| 4523 | 13년 전 | 2292 | ||
| 4522 | 13년 전 | 614 | ||
| 4521 | 13년 전 | 1258 | ||
| 4520 | 13년 전 | 1551 | ||
| 4519 |
복이219
|
13년 전 | 1204 | |
| 4518 | 13년 전 | 494 | ||
| 4517 | 13년 전 | 1295 | ||
| 4516 |
아이피마스터
|
13년 전 | 552 | |
| 4515 | 13년 전 | 646 | ||
| 4514 | 13년 전 | 646 | ||
| 4513 | 13년 전 | 1072 | ||
| 4512 |
ananom
|
13년 전 | 4363 | |
| 4511 |
ananom
|
13년 전 | 1479 | |
| 4510 | 13년 전 | 1219 | ||
| 4509 | 13년 전 | 684 | ||
| 4508 | 13년 전 | 847 | ||
| 4507 | 13년 전 | 937 | ||
| 4506 | 13년 전 | 703 | ||
| 4505 | 13년 전 | 631 | ||
| 4504 | 13년 전 | 475 | ||
| 4503 | 13년 전 | 523 | ||
| 4502 |
 늘푸른세상 |
13년 전 | 1807 | |
| 4501 | 13년 전 | 1636 | ||
| 4500 |
 넓은마인드 |
13년 전 | 510 | |
| 4499 | 13년 전 | 1892 | ||
| 4498 | 13년 전 | 1152 | ||
| 4497 |
미션임파썩을
|
13년 전 | 890 | |
| 4496 | 13년 전 | 942 | ||
| 4495 |
공포의니이킥
|
13년 전 | 1111 | |
| 4494 | 13년 전 | 1978 | ||
| 4493 | 13년 전 | 1063 | ||
| 4492 | 13년 전 | 489 | ||
| 4491 |
두근두근따봉
|
13년 전 | 924 | |
| 4490 | 13년 전 | 1367 | ||
| 4489 |
jaein8060
|
13년 전 | 616 | |
| 4488 | 13년 전 | 1041 | ||
| 4487 |
ReeJang
|
13년 전 | 1821 | |
| 4486 | 13년 전 | 988 | ||
| 4485 | 13년 전 | 808 | ||
| 4484 | 13년 전 | 853 | ||
| 4483 | 13년 전 | 523 | ||
| 4482 | 13년 전 | 1181 | ||
| 4481 | 13년 전 | 1050 | ||
| 4480 |
넓은마인드 |
13년 전 | 523 | |
| 4479 | 13년 전 | 912 | ||
| 4478 | 13년 전 | 3964 | ||
| 4477 | 13년 전 | 988 | ||
| 4476 |
wangko
|
13년 전 | 2708 | |
| 4475 | 13년 전 | 928 | ||
| 4474 | 13년 전 | 957 | ||
| 4473 | 13년 전 | 758 | ||
| 4472 |
넓은마인드 |
13년 전 | 554 | |
| 4471 | 13년 전 | 1563 | ||
| 4470 | 13년 전 | 573 | ||
| 4469 | 13년 전 | 524 | ||
| 4468 | 13년 전 | 863 | ||
| 4467 | 13년 전 | 658 | ||
| 4466 | 13년 전 | 922 | ||
| 4465 | 13년 전 | 670 | ||
| 4464 | 13년 전 | 1721 | ||
| 4463 |
chongho
|
13년 전 | 2181 | |
| 4462 |
chongho
|
13년 전 | 1025 | |
| 4461 |
chongho
|
13년 전 | 1022 | |
| 4460 | 13년 전 | 755 | ||
| 4459 | 13년 전 | 2780 | ||
| 4458 | 13년 전 | 789 | ||
| 4457 | 13년 전 | 502 | ||
| 4456 | 13년 전 | 1334 | ||
| 4455 | 13년 전 | 1737 | ||
| 4454 | 13년 전 | 721 | ||
| 4453 | 13년 전 | 1254 | ||
| 4452 |
aequum
|
13년 전 | 1270 | |
| 4451 | 13년 전 | 1333 | ||
| 4450 |
도토리과자
|
13년 전 | 1433 | |
| 4449 | 13년 전 | 1092 | ||
| 4448 | 13년 전 | 8621 | ||
| 4447 | 13년 전 | 1206 | ||
| 4446 | 13년 전 | 1488 | ||
| 4445 | 13년 전 | 639 | ||
| 4444 |
넓은마인드 |
13년 전 | 614 | |
| 4443 | 13년 전 | 693 | ||
| 4442 |
Msoft
|
13년 전 | 1055 | |
| 4441 |
 매직크레용 |
13년 전 | 2105 | |
| 4440 | 13년 전 | 615 | ||
| 4439 | 13년 전 | 1654 | ||
| 4438 |
aequum
|
13년 전 | 1842 | |
| 4437 | 13년 전 | 988 | ||
| 4436 | 13년 전 | 923 | ||
| 4435 |
디귿소프트
|
13년 전 | 518 | |
| 4434 | 13년 전 | 1071 | ||
| 4433 | 13년 전 | 994 | ||
| 4432 | 13년 전 | 854 | ||
| 4431 | 13년 전 | 752 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기