아이디/비번 기억
  • 봉하마을 방문후기
  • 미디어협동조합 국민TV국민TV의 조합원이 되어주세요!
  • 한국탐사저널리즘센터
현재위치 : HOME > 구구자료실

간단한 롤오버 이미지 만들기

구구 | 2012.12.05 14:59 | 조회 8707
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<title>롤오버이미지</title>

<style type="text/css">
a.rollover img {border-width:0px; display:inline;}
a.rollover img.over {display:none;}
a.rollover:hover {border:0px;}
a.rollover:hover img {display:none;}
a.rollover:hover img.over {display:inline;}
</style>

</head>
<body>

<a href="A" class="rollover"><img src="banner01.jpg"><img src="banner01ov.jpg" class="over"></a>
<a href="A" class="rollover"><img src="banner01.jpg"><img src="banner01ov.jpg" class="over"></a>
<a href="A" class="rollover"><img src="banner01on.jpg"><img src="banner01ov.jpg" class="over"></a>
<a href="A" class="rollover"><img src="banner01.jpg"><img src="banner01ov.jpg" class="over"></a>

</body>
</html>

이렇게 간단히 구성됨!

이미지는 첨부하겠음!
twitter facebook me2day 요즘
97개(1/5페이지)
소스자료실
번호 제목 글쓴이 조회 날짜
97 [html/css] 배경고정 스크롤 구구 425 2020.03.16 21:28
96 [html/css] 가로 세로 가운데 정렬 구구 1981 2017.04.14 17:54
95 [etc] 유튜브, 네이버 동영상 자동재생 구구 3970 2015.08.26 17:28
94 [html/css] 폰트 글꼴 단위비교 구구 3195 2014.11.20 18:45
93 [html/css] 맵(Map)의 이해 - 이미지맵걸기 사진 첨부파일 구구 5192 2014.11.06 17:05
92 [html/css] Image Sprites 또는 CSS SPRITE 첨부파일 구구 3471 2014.09.18 17:39
91 [etc] 킴스큐 Tip 구구 3641 2014.06.16 11:23
90 [모바일] PC홈페이지 > 모바일홈페이지 연결소스 구구 6395 2013.07.26 14:22
89 [기획] 색체 이미지맵 첨부파일 구구 12939 2013.03.29 13:26
88 [html/css] 검색폼 만들기 개념 사진 첨부파일 구구 5631 2013.03.07 10:28
>> [html/css] 간단한 롤오버 이미지 만들기 사진 첨부파일 구구 8708 2012.12.05 14:59
86 [etc] 저작권 표시방법 4가지 [1] 구구 12601 2012.07.04 10:14
85 [html/css] float 정렬 해제 등~ 코딩관련정보 사진 첨부파일 구구 5033 2012.06.15 13:39
84 [html/css] 플래시 대체 문구 넣기 구구 5327 2012.06.15 13:36
83 [html/css] 메타태그 총정리 구구 6287 2012.06.15 13:35
82 [html/css] 텍스트에 효과를 주자! 구구 5094 2012.06.15 13:34
81 [html/css] 레어어(div)를 투명하게~ (익스,오페라,파이어폭스) 구구 9295 2012.06.15 13:33
80 [html/css] tr 에 스타일 줘서 링크걸기 구구 6229 2012.06.15 13:33
79 [html/css] 웹표준 교과서 요약 (속성) 구구 8933 2012.06.15 13:32
78 [html/css] 텍스트를 들여쓸때! 구구 5549 2012.06.15 13:31