묻고답하기

  2. Support
  3. 묻고답하기

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] 2007.08.10
하늘토끼 <웹디자인>롤오버 기능에서 레이어 사용하는 방법좀 가르쳐 주세요. [1] 2007.08.10
쭈냐 계정 질문이에요~ ㅠ0ㅠ [3] 2007.08.10
배주원 Mysql 질문입니다....고수님들 도와주세요... [1] 2007.08.10
김진환 다시 질문할께요 index.html [3] 2007.08.10
김민규 구문의 조건식에 대한 질문여... [1] 2007.08.10
이호한 [re] 구문의 조건식에 대한 질문여...  
정보철 "몇일이나 지났을까"를 나타내는 기능에 관해서...  
불행자。 화일을 열지 못했습니다.: ''zetyx_board_n_theme_3.MYD''. (에러번호: 145)라니요?  
고호중 저기 포토샵 글시채가 왜 한글이 지원안돼죠?? [1] 2007.08.10
::난나:: 점선만드는거..다시 질문합니다..^^;; [3] 2007.08.10
고숙진 바로 프린트 하기 [1] 2007.08.10
鍾烈 mysql 특정테이블안에 특정 필드를 추가하는법좀 알려주세요 [2] 2007.08.10
권혁 포토샵 영역 선택시....자구 정사각형으로만.. [3] 2007.08.10
배재현 [re] 포토샵 영역 선택시....자구 정사각형으로만..  
*=ALLSORT=* 플래쉬카운터를 조작할수 있다는데 어떻게하나요? [1] 2007.08.10
Maie君 PHP 책 추천..  
X_Large php // myadmin에서 간단한거지만 이해가좀.. [1] 2007.08.10
세황이 회원가입시 이메일체크 질문  
Dunny 제목 표시줄 말이죠.. [1] 2007.08.10
민완식 송종국님 자동실행파일(오토런) 만드는 방법 좀 다시 가르쳐주세요  
박찬욱 노프레임 흉내내는 프레임셋 나누기 관련 질문 [1] 2007.08.10
《A-min》 노프레임 잘다루는분 봐주세요-_ㅠ.[그림포함] [1] 2007.08.10
장근영 창크기를 바꿔도  
『PokerFace』™ 체크박스로 레이어 보이기/숨기기??  
몸아파... 오른쪽버튼 소스보기해도 안보게하는 소스가 뭐에요? [3] 2007.08.10
보라☆짱 테이블 땜시 미치겠어여.. 도와주세요...  
k_교주 그림 파일에 대해 나름대로 분석했습니다만. 뭘 써야 할지 궁금해지는바라 의견을 묻습니다. [1] 2007.08.10
달의디아 이미지에서 원하는 부분 쉽게 오려내는 방법 없을까요? [2] 2007.08.10
세황이 onMouseOver [2] 2007.08.10
태그 쓰기