logo

  • 홈으로
  • 로그인
  • 회원가입
  • 화면축소
  • 화면확대
2018년 11월 19일
  • 포토누리
  • 제작의뢰
  • 포트폴리오
잡다한몽상백서 메인배너
로그인
조회 수 208078 추천 수 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 홈페이지에 팝업창달기 1 똑띠 2007.12.08 145359
61 함수호출, 조건별 처리 똑띠 2012.09.04 70285
» 함수를 이용한 div 출력 1 똑띠 2007.11.23 208078
59 한줄짜리 웹소스 똑띠 2006.08.25 110485
58 한번에 링크테두리 없애주는 스크립트 소스 5 똑띠 2006.11.03 87882
57 폼체크 기본 사용법 똑띠 2010.01.07 93202
56 폼체크 (submit 이전에 체크후 넘김) 1 똑띠 2010.09.30 175205
55 페이지내 링크 점선 일괄 없애기 똑띠 2009.05.13 90241
54 특정태그 제거 똑띠 2011.10.14 77526
53 투명아이프레임 만들기 똑띠 2006.08.25 98610
52 테이블(table)와 관련된 스타일 시트 똑띠 2006.08.25 90089
51 테이블 대신 필드셋(fieldset)을 이용하기 똑띠 2006.08.25 78602
50 태그정리 똑띠 2006.08.25 80281
49 클릭시 레이어 보이기 숨기기 팁 똑띠 2010.02.10 96660
48 크로스 사이트 스크립트 1 똑띠 2011.09.02 94291
47 지금 보고 있는 웹페이지를 닫을지를 묻는 창이 안뜨도록 하는 소스 1 똑띠 2011.04.12 96211
46 좌측 숨김 슬라이드메뉴 file 똑띠 2011.08.19 70751
45 접속시 배경이미지 랜덤으로 보여주기 똑띠 2011.07.26 71234
44 일괄적으로 링크된 이미지,글씨 점선 없애기 똑띠 2006.08.25 94994
43 이미지를 새창으로 띄우기 똑띠 2017.10.27 615
목록
Board Pagination ‹ Prev 1 2 3 4 Next ›
/ 4

나눔글꼴 설치 안내


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

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

설치 취소

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

  • Designed by jobdahan.net