반응형
<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>
반응형
'CSS HTML5 > 퍼블리싱 팁' 카테고리의 다른 글
| 플래시 웹상보이기 (0) | 2016.11.09 |
|---|---|
| 다른객체로 롤오버하기 (0) | 2016.11.09 |
| 이미지버튼에 팝업링크 (0) | 2016.11.09 |
| 스크롤바 없애기 (0) | 2016.11.09 |
| 파비콘홈페이지 적용하기~ (0) | 2016.11.09 |