크롬에서 네비게이션메뉴 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_: 이것만 지웠더니 정상작동하네요 :)
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 4430 | 13년 전 | 829 | ||
| 4429 | 13년 전 | 1154 | ||
| 4428 | 13년 전 | 1943 | ||
| 4427 | 13년 전 | 1060 | ||
| 4426 | 13년 전 | 522 | ||
| 4425 | 13년 전 | 9885 | ||
| 4424 |
 디자인하라 |
13년 전 | 853 | |
| 4423 |
 넓은마인드 |
13년 전 | 732 | |
| 4422 |
aequum
|
13년 전 | 1301 | |
| 4421 | 13년 전 | 2418 | ||
| 4420 | 13년 전 | 1207 | ||
| 4419 | 13년 전 | 889 | ||
| 4418 |
한번잘해보자
|
13년 전 | 672 | |
| 4417 | 13년 전 | 1580 | ||
| 4416 | 13년 전 | 874 | ||
| 4415 | 13년 전 | 2257 | ||
| 4414 | 13년 전 | 685 | ||
| 4413 | 13년 전 | 681 | ||
| 4412 | 13년 전 | 822 | ||
| 4411 | 13년 전 | 1446 | ||
| 4410 |
넓은마인드 |
13년 전 | 736 | |
| 4409 | 13년 전 | 2172 | ||
| 4408 |
visualp
|
13년 전 | 538 | |
| 4407 |
visualp
|
13년 전 | 3090 | |
| 4406 |
visualp
|
13년 전 | 3260 | |
| 4405 |
visualp
|
13년 전 | 3159 | |
| 4404 |
visualp
|
13년 전 | 2981 | |
| 4403 |
넓은마인드 |
13년 전 | 672 | |
| 4402 |
gender
|
13년 전 | 629 | |
| 4401 | 13년 전 | 1122 | ||
| 4400 |
aequum
|
13년 전 | 1386 | |
| 4399 | 13년 전 | 593 | ||
| 4398 | 13년 전 | 674 | ||
| 4397 |
넓은마인드 |
13년 전 | 591 | |
| 4396 |
aequum
|
13년 전 | 4666 | |
| 4395 |
넓은마인드 |
13년 전 | 573 | |
| 4394 |
aequum
|
13년 전 | 4942 | |
| 4393 |
 jakekwak |
13년 전 | 1273 | |
| 4392 | 13년 전 | 1064 | ||
| 4391 |
mirrV
|
13년 전 | 545 | |
| 4390 |
파워웹프로
|
13년 전 | 711 | |
| 4389 | 13년 전 | 1232 | ||
| 4388 |
Coding
|
13년 전 | 710 | |
| 4387 |
aequum
|
13년 전 | 1367 | |
| 4386 | 13년 전 | 872 | ||
| 4385 | 13년 전 | 722 | ||
| 4384 | 13년 전 | 790 | ||
| 4383 | 13년 전 | 2905 | ||
| 4382 | 13년 전 | 617 | ||
| 4381 | 13년 전 | 1193 | ||
| 4380 | 13년 전 | 816 | ||
| 4379 |
 cshop |
13년 전 | 751 | |
| 4378 | 13년 전 | 666 | ||
| 4377 | 13년 전 | 3301 | ||
| 4376 |
aequum
|
13년 전 | 1219 | |
| 4375 |
클로로다인
|
13년 전 | 651 | |
| 4374 |
DDFACTORY
|
13년 전 | 721 | |
| 4373 |
까탈스런ET
|
13년 전 | 711 | |
| 4372 | 13년 전 | 814 | ||
| 4371 | 13년 전 | 576 | ||
| 4370 |
 pjhsir |
13년 전 | 653 | |
| 4369 |
프리프리닷
|
13년 전 | 1309 | |
| 4368 | 13년 전 | 3177 | ||
| 4367 |
soing
|
13년 전 | 1585 | |
| 4366 |
 소울페이지 |
13년 전 | 686 | |
| 4365 |
소울페이지 |
13년 전 | 623 | |
| 4364 |
소울페이지 |
13년 전 | 761 | |
| 4363 |
소울페이지 |
13년 전 | 626 | |
| 4362 |
소울페이지 |
13년 전 | 731 | |
| 4361 |
소울페이지 |
13년 전 | 845 | |
| 4360 |
소울페이지 |
13년 전 | 651 | |
| 4359 |
소울페이지 |
13년 전 | 3129 | |
| 4358 |
소울페이지 |
13년 전 | 3043 | |
| 4357 | 13년 전 | 842 | ||
| 4356 | 13년 전 | 1346 | ||
| 4355 | 13년 전 | 970 | ||
| 4354 | 13년 전 | 820 | ||
| 4353 | 13년 전 | 3375 | ||
| 4352 | 13년 전 | 2378 | ||
| 4351 | 13년 전 | 1969 | ||
| 4350 |
jakekwak |
13년 전 | 1888 | |
| 4349 | 13년 전 | 667 | ||
| 4348 |
aequum
|
13년 전 | 1431 | |
| 4347 | 13년 전 | 669 | ||
| 4346 |
 TopSchooL |
13년 전 | 571 | |
| 4345 | 13년 전 | 601 | ||
| 4344 |
aequum
|
13년 전 | 1009 | |
| 4343 |
cshop |
13년 전 | 1048 | |
| 4342 |
aequum
|
13년 전 | 1647 | |
| 4341 | 13년 전 | 813 | ||
| 4340 |
2번호랑이
|
13년 전 | 1012 | |
| 4339 |
TopSchooL |
13년 전 | 1175 | |
| 4338 | 13년 전 | 1170 | ||
| 4337 | 13년 전 | 522 | ||
| 4336 |
aequum
|
13년 전 | 1711 | |
| 4335 | 13년 전 | 896 | ||
| 4334 | 13년 전 | 1195 | ||
| 4333 |
Sturmvogel
|
13년 전 | 971 | |
| 4332 |
aequum
|
13년 전 | 1287 | |
| 4331 |
aequum
|
13년 전 | 1409 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기