2010. 9. 22. 09:56
<html>
<head>
<style type="text/css">
a.rollover img { border-width:0px; display:block; }
a.rollover img.rollover { display:none; }
a.rollover:hover { position:relative; }
a.rollover:hover img { display:none; }
a.rollover:hover img.rollover { display:block; }
</style>
</head>
<body>
<a href="#" class="rollover"><img class="rollover" src="http://haxim.kr/new/img/sample/001.gif "><img src="http://haxim.kr/new/img/sample/002.gif"></a>
</body>
</html>
<html>
<head>
<style type="text/css">
a.rollover img { border-width:0px; display:block; }
a.rollover img.rollover { display:none; }
a.rollover:hover { position:relative; }
a.rollover:hover img { display:none; }
a.rollover:hover img.rollover { display:block; }
</style>
</head>
<body>
<a href="#" class="rollover"><img class="rollover" src="http://haxim.kr/new/img/sample/001.gif "><img src="http://haxim.kr/new/img/sample/002.gif"></a>
</body>
</html>
'태그 자료방' 카테고리의 다른 글
| 차례대로 써졌다가 지워지는 글씨 태그 (0) | 2010.09.22 |
|---|---|
| 글자색이 변하면서 올라가는 마키태그 (0) | 2010.09.22 |
| 이미지에 이쁜 테이블 꾸미기 (0) | 2010.09.22 |
| 이미지 사용하지 않고 그라데이션 표현하기 (0) | 2010.09.22 |
| 펼치기 접기 소스 (0) | 2010.09.22 |