Skip to content
조회 수 15859 추천 수 0 댓글 1
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

마우스 오버시 DIV 레이어 감추기 / 보이기

<!-- 소스 Start -->


<a href=" style="margin-left:20px;width:100px;" 

Onmouseover="

document.getElementById('top1').style.display='block';

document.getElementById('top2').style.display='none';

document.getElementById('top3').style.display='none';

document.getElementById('top4').style.display='none';

document.getElementById('top5').style.display='none';

">

우동 </a> 


<a href=" style="margin-left:20px;width:100px;"

Onmouseover="

document.getElementById('top2').style.display='block';

document.getElementById('top1').style.display='none';

document.getElementById('top3').style.display='none';

document.getElementById('top4').style.display='none';

document.getElementById('top5').style.display='none';

">짜장 </a> 


<a href=" style="margin-left:20px;width:100px;"

Onmouseover="

document.getElementById('top3').style.display='block';

document.getElementById('top2').style.display='none';

document.getElementById('top1').style.display='none';

document.getElementById('top4').style.display='none';

document.getElementById('top5').style.display='none';

">짬뽕 </a> 




<br>


<!-- 보기에 대한 내용 Start-->

<div id="top1" style="display:none;width:200px;height:200px;">

<img src="http://cfs3.tistory.com/upload_control/download.blog?fhandle=YmxvZzQxMTk3QGZzMy50aXN0b3J5LmNvbTovYXR0YWNoLzAvODIuanBn" />

</div>


<div id="top2" style="display:none;width:200px;height:200px;">

<img src="http://l.yimg.com/go/news/picture/2010/g7/20100702/20100702083129394g7_083651_0.jpg?x=80&sig=KdrNWVmtst7G5t3DIMskeA--" />

</div>


<div id="top3" style="display:none;width:200px;height:200px;">

<img src="http://l.yimg.com/go/news/picture/2010/h1/20100702/20100702090308690h1_092652_0.jpg?y=60&sig=JBMg3GwqS0dOqgyIlnqejw--" />

</div>


<div id="top4" style="display:none;width:200px;height:200px;">

<img src="http://l.yimg.com/go/news/picture/2010/h1/20100702/20100702032502275h1_032652_0.jpg?x=80&sig=dt8i6TSHVaqH3_yQ6T7fkw--" />

</div>


<div id="top5" style="display:none;width:200px;height:200px;">

<img src="http://l.yimg.com/go/news/picture/2010/b6/20100701/20100701153555488b6_154201_0.jpg?y=60&sig=B1hMrvQ3dS4bzN0qSfsKlg--" />

</div>

<!-- 보기에 대한 내용 End-->



</div>


로그인 후 댓글쓰기가 가능합니다.

?
  • ?
    디케 2010.07.03 11:18

    <script language='javascript'> 
    function overView(no){ 
     for(i=1;i<=5;i++){ 
      document.getElementById('top'+i).style.display='none';  
     } 
      document.getElementById('top'+no).style.display='block';  

    </script> 

    <a href=" style="margin-left:20px;width:100px;" Onmouseover="overView(1)"> 우동 </a> 


List of Articles
번호 분류 제목 날짜 조회 수
364 컴퓨터잡담 램디스크 숨기는 방법 2 2010.10.02 5668
363 컴퓨터잡담 autohotkey 변수의 이해 2010.10.02 20555
362 유용한상식 경주 최부자집의 가훈 2 2010.10.01 19747
361 주식 증권사별 HTS 다운로드 3 2010.10.01 8380
360 컴퓨터잡담 인터넷익스플로러 로딩속도 빠르게 하는방법 1 2 2010.10.01 12097
359 컴퓨터잡담 -응답없음- 으로 멈춰버린 프로그램 대기시간 줄이는 방법 2010.10.01 7819
358 컴퓨터잡담 스누피 고스트 file 2010.10.01 6027
357 컴퓨터잡담 그림안에 투명텍스트박스 넣기. 2 2010.09.29 9564
356 컴퓨터잡담 PHP Text to Image 1 2010.09.29 13949
355 컴퓨터잡담 오류 socket error #10061 connection 3 2 2010.09.25 53969
Board Pagination Prev 1 ... 197 198 199 200 201 ... 235 Next
/ 235

http://urin79.com

우린친구블로그

sketchbook5, 스케치북5

sketchbook5, 스케치북5

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소