logo

  • 홈으로
  • 로그인
  • 회원가입
  • 화면축소
  • 화면확대
2017년 12월 15일
  • 출석부
  • 추천사이트
  • 공감댓글
  • 포토누리
  • 제작의뢰
  • 포트폴리오
잡다한몽상백서 메인배너
로그인
조회 수 208044 추천 수 0 댓글 1
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print
마우스 오버시 div를 보여주는 소입니다.

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>잡다한 몽상백서 화이팅 ^^</title>
<script>  function show_notice(param)
  {
   if(param == 'notice1')
   {
    notice1.style.display='';
    notice2.style.display='none';
    notice3.style.display='none';
   
   }
   else if(param == 'notice2')
   {
    notice1.style.display='none';
    notice2.style.display='';
    notice3.style.display='none';
   
   }
   else if(param == 'notice3')
   {
    notice1.style.display='none';
    notice2.style.display='none';
    notice3.style.display='';
   
   }
 }
</script>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<p>
</p>
<table border="1" width="500">
<tr>
<td width="274" height="245">
              
<div id='notice1' style="background-color:white;width:200px; height:200px; position:absolute; left:26px; top:36px; z-index:6; visibility:visible;">
이명박
</div>

<div id='notice2' style="background-color:white;width:200px; height:200px; position:absolute; left:26px; top:36px; z-index:5; visibility:visible;">
이인제
</div>

<div id='notice3' style="background-color:white; width:200px; height:200px; position:absolute; left:26px; top:36px; z-index:4; visibility:visible;">
정동영
</div>

</td>
<td width="210" height="245"><br>
<a href="#" onmouseover="show_notice('notice1');">이명박</a>
<a href="#" onmouseover="show_notice('notice2');">이인제</a>
<a href="#" onmouseover="show_notice('notice3');">정동영</a>
</td>
</tr>
</table>
<p>&nbsp;</p>
</body>
</html>

div 스타일 부분의 값들을 잘 조정해서 사용하시길..^^

정치적으로는 아무런 상관이 없습니다. 그냥 소스작업입니다.
?

List of Articles
번호 제목 글쓴이 날짜 조회 수
62 [자료] 스파이더 - 검색엔진에 추가시 주의점 4 언더꿈 2007.07.13 373894
» 함수를 이용한 div 출력 1 똑띠 2007.11.23 208044
60 input 타입에 숫자만 입력받기 똑띠 2009.04.13 206772
59 input type=text 에서 엔터 눌렀을때 submit 실행 똑띠 2009.06.22 193494
58 폼체크 (submit 이전에 체크후 넘김) 1 똑띠 2010.09.30 169733
57 INPUT 을 다양하게 표현하기 똑띠 2006.08.25 165100
56 input 에 배경으로 글자입력하고 클릭시 사라지는 기능 똑띠 2011.08.01 164931
55 onmouseOver 시 이미지 변경 똑띠 2009.07.18 146078
54 div , class에 대한 개념정의 file 똑띠 2006.09.18 145326
53 홈페이지에 팝업창달기 1 똑띠 2007.12.08 145303
52 울트라 에디터에서 파일 탭이 사라졌을 경우.. file 똑띠 2007.07.19 135761
51 input box 배경처리 똑띠 2008.10.28 135455
50 select form 에서 submit 버튼 클릭시 사이트 이동 똑띠 2013.04.26 135420
49 라디오 버튼 체크 여부 확인 하기 1 똑띠 2009.12.14 126863
48 구글 검색엔진에 자신의 홈페이지 등록하기. 똑띠 2007.08.08 118776
47 form문에서 submit 시 action 처리 window.open 으로 하기 3 똑띠 2013.01.04 111697
46 간단하고 효과좋은 홈페이지 제작팁 똑띠 2006.08.25 111110
45 마우스 오버시 이미지 바꾸기 1 똑띠 2008.07.02 111028
44 한줄짜리 웹소스 똑띠 2006.08.25 110457
43 스타일시트 예제 - 스크롤바를 사이트분위기에 맞게 수정하기 똑띠 2006.08.25 109553
목록
Board Pagination ‹ Prev 1 2 3 4 Next ›
/ 4

나눔글꼴 설치 안내


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

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

설치 취소

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

  • Designed by jobdahan.net