인터넷정보

CSS 만으로 만든 롤오버 이미지

알 수 없는 사용자 2007. 10. 18. 14:03
<style>
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>

<BODY>
<a href="#test" class="rollover"><img src="http://gony.home.uos.ac.kr/GTO_004.gif"><img src="http://gony.home.uos.ac.kr/GTO_005.gif" class="over"></a>
<a href="#test" class="rollover"><img src="http://gony.home.uos.ac.kr/GTE_019.gif"><img src="http://gony.home.uos.ac.kr/GTO_007.gif" class="over"></a>
</BODY>
반응형