묻고답하기

onMouseOver

2003.02.03 14:04

세황이

안녕하세요.
마우스 오버되었을때와 아웃되었을때 같은 이미지를 적용시키고 싶거든요.
즉 마우스 오버되었을때 바뀐 이미지가 아웃되었을때도 그대로 유지되도록 하려구요.
그런데 마우스를 오버 했을때는 잘 바뀌는데, 마우스가 아웃되면 오버된 이미지가 유지가 안되고 이전의 이미지로 되돌아가네요.
별로 어렵진 않는것 같은데 왜 안되는지 모르겠어요.

제 말이어렵죠? 밑에 사이트 보시면 금방 아실수 있으실꺼에요...
http://www.neverend.pe.kr

그리고 제가 구현하려고 했던 소스는 밑에 있습니다.
소스중 뭐가 잘못된 건지 좀 알려주세요...
고수님들 꼭좀 부탁드립니다.




<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=euc-kr">

<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</HEAD>

<body onLoad="MM_preloadImages('images/sub1_shop.gif','images/sub2_shop.gif','images/sub3_shop.gif','images/sub4_shop.gif','images/sub5_shop.gif');" leftmargin="0" topmargin="0">
<TABLE WIDTH=760 BORDER=0 CELLPADDING=0 CELLSPACING=0>
        <TR>
                <TD ROWSPAN=3>
                        
                                <a href="#"><img src="images/main_logo.gif" width="173" height="74" border="0"></a></TD>
                <TD COLSPAN=7>
                        <IMG SRC="images/top_new_02.gif" WIDTH=587 HEIGHT=29 ALT=""></TD>
        </TR>
        <TR>
                <TD ROWSPAN=2>
                        <IMG SRC="images/top_new_03.gif" WIDTH=66 HEIGHT=45 ALT=""></TD>
                <TD>
                        
                                <a href="./mart5/index.php3" onMouseOut="MM_swapImgRestore()"
                                onMouseOver="MM_swapImage('Image1', ''+ '+ ', 'images/sub1_shop-over.gif', 1)"><img name="Image1" src="images/sub1_shop.gif" width="103" height="28" border="0" alt="청첩장쇼핑" ></a></TD>
                <TD>
                        
                                <a href="include.php3?inc=sub_insa" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2', '', 'images/sub2_insa-over.gif', 1)"><img name="Image2" src="images/sub2_insa.gif" width="97" height="28" border="0" alt="인사말보기" ></a></TD>
                <TD>
                        
                                <a href="include.php3?inc=sub_mypage" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3'+ ', '', 'images/sub3_mypage-over.gif', 1)"><img name="Image3" src="images/sub3_mypage.gif" width="87" height="28" border="0" alt="주문확인 및 나만의 공간" ></a></TD>
                <TD>
                        
                                <a href="include.php3?inc=sub_support" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4', '', 'images/sub4_support-over.gif',1)"><img name="Image4" src="images/sub4_support.gif" width="89" height="28" border="0" alt="초안확인 및 질문게시판" ></a></TD>
                <TD>
                        
                                <a href="include.php3?inc=sub_guide" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5', '', 'images/sub5_guide-over.gif', 1)"><img name="Image5" src="images/sub5_guide.gif" width="82" height="28" border="0" alt="주문방법 및 배송안내" ></a></TD>
                <TD ROWSPAN=2>
                        <IMG SRC="images/top_new_09.gif" WIDTH=63 HEIGHT=45 ALT=""></TD>
        </TR>
        <TR>
                <TD COLSPAN=5>
                        <IMG SRC="images/top_new_10.gif" WIDTH=458 HEIGHT=17 ALT=""></TD>
        </TR>
</TABLE>
</BODY>
</HTML>
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
산벚나무 모바일로 게시판에 답글쓰기  
반걸 최신코어에서 모바일 게시판설정중 목록수 설정이 안되는현상 [1] 2015.03.26 by 반걸
포항스틸러스 게시판 제목을 자동으로 확장변수+지정된 문구로 설정했는데 지정문구가 출력이 안되네요 [2] 2015.03.26 by 포항스틸러스
XE모듈 신디케이션이 되는건지 확인부탁드립니다. [1] 2015.03.26 by 키스투엑스이
나랐말싸미 현재 공홈 상단바?는 어떻게만드나요 [5] file 2015.03.26 by 나랐말싸미
하얀족제비 익명 게시판에서 자꾸 익명이 해제됩니다 [4] 2015.03.26 by 하얀족제비
I-JEX 텍스타일과 업글타일 허브에서 Domain ID 설정 [1] file 2015.03.26 by YJSoft
나랐말싸미 iis php 오류 [5] file 2015.03.26 by 다이오니
포도알맹이 XE 및 PHP 버전 업그레이드에 관하여 질문 있습니다. [3] 2015.03.26 by GG
비밀얌 XE 공홈 쇼케이스에 적용된 "좋아요" 버튼 [6] file 2015.03.27 by 비밀얌
locate 코어 업데이트시 변경된 파일 원복 문제 어떻게 해결해야 하나요? [2] 2015.03.27 by locate
호루라기 홈페이지 첫 화면에 블로그를 링크할때 어떻게 해야 하나요.. [2] 2015.03.27 by 호루라기
쿨키드 알림센터 질문이요 file  
몽실아빠 데이터 db 백업 ftp 자동 다운로드 ?? [3] 2015.03.27 by 몽실아빠
낮은자 xe폰트 추가하기를 어떻게 하나요  
gaia710 Php 버전 업그레이드에 관한 질문입니다. [2] 2015.03.27 by gaia710
도로독 XE 1.7.12 로 코어 업데이트 후 관리자 페이지가 백지현상이 되요. [4] 2015.03.27 by 살림살이
jindosik content위젯 추가등록시 이상현상 해결책 file  
체령 XE 공식 사이트 레이아웃 HTML 소스 복붙 부탁드립니다. [4] file 2015.03.27 by 체령
ideun 게시글 글쓰기 버튼을 누르면 아무 반응이 없습니다 [2] 2015.03.27 by xe초보
나라사랑내몸사랑이영주 확장변수 게시판 리스트에서 하나만 추출법 있을까요?  
스마일디비™ 회원가입페이지 디자인 변경 및 추가시 문의드립니다. [2] file 2015.03.27 by DoorWeb
kose 외부페이지 클래스정의문의드립니다.  
Love_Park 서버 이전 후 이미지 파일 등록이 안됩니다. [3] 2015.03.27 by Love_Park
mr33 서버이전후 에러문제... [3] file 2015.03.27 by mr33
행복3 지금 xpressengine 사이트 레이아웃 [4] 2015.03.27 by 행복3
newi 본문 이미지 삽입 문의요  
플라이나 분류 출력 코드좀 봐주세요 [2] 2015.03.27 by 플라이나
미륵천사 xe에서 회원 가입시 문의 드립니다.  
플라이나 썸네일 목록설정 코드