묻고답하기

  2. Support
  3. 묻고답하기

[자바스크립트] 마우스아웃해도 서브메뉴가 보이는문제..

2011.01.13 14:03

리송송

안녕하세요.

http://namcommuni.cafe24.com 에 들어가서 보시면

메뉴에서 마우스를 떼었을때도 첫번째 서브메뉴가 열려있는것을 볼수 있습니다.

그 서브메뉴가 평소에는 안보이도록 하는 방법좀 알려주시면 감사하겠습니다~


헤더소스


<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('.gif','_on.gif');
                document.getElementById(img[i].id+'_sub').style.display = '';
            }
        }
        else
        {
            img[i].src = img[i].src.replace('_on','');
            document.getElementById(img[i].id+'+ '_sub').style.display = 'none';
        }
    }
}

//-->
</script>




바디소스

<table width="998" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <th rowspan="4" scope="row"><a href="index.php"><img src="images/top0_01.jpg" width="195" height="107" border="0" /></a></th>
    <td><img src="images/top0_02.jpg" width="803" height="22" /></td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <th scope="row"><img src="images/top0_03.jpg" width="77" height="53" /></th>
        <td><a href="sub1.php"><img src="images/top0_04.jpg" name='menu' width="127" height="53" border="0" id='menu1' style='cursor:hand;' onmouseover='javascript_:fncClick(this);'/></a></td>
        <td><img src="images/top0_05.jpg" width="35" height="53" /></td>
        <td><a href="sub2.php"><img src="images/top0_06.jpg" name='menu' width="136" height="53" border="0" id='menu2' style='cursor:hand;' onmouseover='javascript_:fncClick(this);'/></a></td>
        <td><img src="images/top0_07.jpg" width="39" height="53" /></td>
        <td><a href="sub3.php"><img src="images/top0_08.jpg" name='menu' width="125" height="53" border="0"  id='menu3' style='cursor:hand;' onmouseover='javascript_:fncClick(this);'/></a></td>
        <td><img src="images/top0_09.jpg" width="36" height="53" /></td>
        <td><a href="sub4.php"><img src="images/top0_10.jpg" name='menu' width="164" height="53" border="0" id='menu4' style='cursor:hand;' onmouseover='javascript_:fncClick(this);'/></a></td>
        <td><img src="images/top0_11.jpg" width="64" height="53" /></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="24" background="images/top0_12.jpg"> <span id='menu1_sub' style='display:'>
             <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <th scope="row"><img src="images/top1_12.jpg" width="122" height="24"></th>
    <td><a href="sub1.php"><img src="images/top1_13.jpg" border="0"></a></td>
    <td><a href="sub1_2.php"><img src="images/top1_14.jpg" border="0"></a></td>
    <td><a href="sub1_3.php"><img src="images/top1_15.jpg" border="0"></a></td>
    <td><a href="sub1_4.php"><img src="images/top1_16.jpg" border="0"></a></td>
    <td><a href="sub1_5.php"><img src="images/top1_17.jpg" border="0"></a></td>
    <td><img src="images/top1_18.jpg"></td>
  </tr>
</table>
            </span>
            <span id='menu2_sub' style='display:none'>
              <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <th scope="row"><img src="images/top2_12.jpg"></th>
    <td><img src="images/top2_13.jpg"></td>
    <td><a href="sub2.php"><img src="images/top2_14.jpg" border="0"></a></td>
    <td><a href="sub2_2.php"><img src="images/top2_15.jpg" border="0"></a></td>
    <td><a href="sub2_3.php"><img src="images/top2_16.jpg" border="0"></a></td>
    <td><img src="images/top2_17.jpg"></td>
  </tr>
</table>
            </span>
            <span id='menu3_sub' style='display:none'><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <th scope="row"><img src="images/top3_12.jpg" width="400" height="24" /></th>
    <td><a href="sub3.php"><img src="images/top3_13.jpg" width="81" height="24" border="0" /></a></td>
    <td><a href="sub3_4.php"><img src="images/top3_14.jpg" width="94" height="24" border="0" /></a></td>
    <td><a href="sub3_6.php"><img src="images/top3_15.jpg" width="94" height="24" border="0" /></a></td>
    <td><img src="images/top3_16.jpg" width="134" height="24" /></td>
  </tr>
</table>
            </span>
            <span id='menu4_sub' style='display:none'>
               <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <th scope="row"><img src="sub/images/sub1-4_12.jpg" width="353" height="24" /></th>
    <td><a href="sub4_1.php"><img src="sub/images/sub1-4_13.jpg" width="61" height="24" border="0" /></a></td>
    <td><a href="sub4_2.php"><img src="sub/images/sub1-4_14.jpg" border="0" /></a></td>
    <td><a href="sub4_3.php"><img src="sub/images/sub1-4_15.jpg" border="0" /></a></td>
    <td><a href="sub4_4.php"><img src="sub/images/sub1-4_16.jpg" border="0" /></a></td>
    <td><a href="sub4_5.php"><img src="sub/images/sub1-4_17.jpg" border="0" /></a></td>
    <td><img src="sub/images/sub1-4_18.jpg" /></td>
  </tr>
</table>




그리고, 익스플로러에서 보면 테이블이 깨져보이는 현상이 있는데요.
사파리에서는 아무렇지 않거든요..? -.- 왜그런건지... 혹시 소스에 문제가 있는지..
확인좀... 부탁드려요!! +_+




태그 연관 글
  1. [2018/03/06] 묻고답하기 html 홈페이지 작성중 이미지 표기 오류가 생깁니다. by MCFR *2
  2. [2017/04/19] 묻고답하기 견적내기페이지 문의 by 일반 *1
  3. [2016/09/13] 묻고답하기 제목에 html, css 가능하도록 하기? by lifema**** *2
  4. [2015/11/14] 묻고답하기 게시판에 태그(헤시태그) 작성하는 방법을 알려주세요 by thdwjdtjr *1
  5. [2015/06/26] 묻고답하기 초보자입니다. XE에서 게시판 태그를 편집하려면? by 원주리더스컴 *1
, , , , , 이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
바람과비 페이지 수정 버튼 클릭 전과 후의 페이지 모양이 다릅니다. [2] file 2009.04.12 by 바람과비
바람과비 "모듈 복사" 기능 사용할 때 내용은 복사되지 않는 건가요?  
초록배추 메뉴 클릭해도 넘어가지 않네요.  
Jue 에디터컴포넌트 질문이요... [1] file 2009.04.12 by 백성찬
트리플k 첨부파일 정렬과 한번에 첨부파일 다운... file  
당근로봇 상단을 다 날리고 플래시 메뉴로 [3] file 2009.04.12 by 느까끼
송맹규 왼쪽 메뉴 아래 배너 삽입 관련 [3] 2009.04.12 by phiz
이기현 이게 뭡니까? 업데이트 했더니 자료가 다 날라갔습니다.  
정정훈188 레이아웃 왼쪽에 로그인 넣기... file  
Novaway 긴급합니다. 꼭 좀 도와주세요... [2] 2009.04.13 by Novaway
김재섭462 이미지 첨부시 무반응 [2] 2009.04.13 by aa
복고열전 한글로된 파일은 업로드가 안되나요??????? [2] 2009.04.13 by sEaN383
goog XE 다운로드 파일이 어딨나요? [1] 2009.04.13 by 백성찬
열공 확장변수 관련 [1] 2009.04.13 by 백성찬
바요네트 질문합니다!!!! [1] 2009.04.13 by 백성찬
이성진336 [해결]최근 이미지위젯에서 섬네일생성 질문  
레시테 시도때도없이 뜨는 unexpected error occured [3] 2009.04.13 by 레시테
스포츠365 게시판분류관리에서요.. [2] 2009.04.13 by 강유리164
오승진443 게시판에서 php나 쿠키가 xe에서 먹는지 안먹나요?  
달리다굼 재차 질문드립니다.. [2] 2009.04.13 by 달리다굼
HAM완소남 1.0.2에서 1.2.0으로 업그레이드 후 문제점. 도와주세요. [2] 2009.04.13 by DK
0213008 게시판에 들어가서 글을 쓰려고 하면... [4] file 2009.04.13 by 0213008
하이우리 레이아웃 목록이 기본3개만 나오네요... 아시는분 꼭 답변점 부탁할께요 [3] file 2009.04.13 by 하이우리
sergiokang 관리자님, 제로보드 별첨기능이 안됩니다! [2] 2009.04.13 by sergiokang
이상헌918 첫화면을 로그인 화면으로 할려고 하면은 ? [1] 2009.04.13 by SeeReal
문현욱 HIM:L로 음악을 넣었습니다. [1] 2009.04.13 by narawiz
똘이 카운터 표시 이상, 달력위젯 이상 [4] file 2009.04.13 by 팬텀
골드로드 한국어버젼과 중국어버젼 2가지로 설치해야 합니다..어떻게 하죠?  
이기현805 IP 차단이란? [3] file 2009.04.13 by narawiz
에스트레야 고려대 커뮤니티 사이트 아시나요? 고파스라고.. [6] 2009.04.13 by 고펑
태그 쓰기