|
홈페이지 태그[Tip]
www.tagkorea.pe.kr
|
| [css] 스타일시트로 표현하는 롤오버 이미지 |
조회수 : 5,619, 2009-07-09 01:34:54
|
|
 tagkorea
|
|
기존에는 스크립트를 이용해서 이미지에 마우스 오버시 다른 이미지가 나오게 표현할수 있엇습니다.
저도 처음 알게된 소스인데요.. 아래 소스처럼 이용하시면 스타일시트로도 간단하게 롤오버 이미지 효과를 보실수 있답니다.
<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>
<a href="주소" class="rollover"><img src="기본이미지"><img src="마우스 오버시 보여줄 이미지" class="over"></a>
|
|
 댓글 : 1
|
인쇄
추천
목록
|
|
