Html & Css

간단한 롤오버마우스 이미지 change입니다

안개핑 2016. 6. 4. 00:54

 

 

다들 아시는 내용이지만 간단히 한줄로 끝내는 롤오버마우스 스크립트입니다.
< a href='#' onmouseover='img1.src="바뀔이미지명"' onmouseout='img1.src="원래이미지명"'><img src='원래이미지명' name='img1'></a>

끝입니다.. <script>~</script> 필요없구요...맞습니다..맞구요..^^;

- 아래같은 형태도 가능...^^ -

<table>
< tr>
< td width="32" height="32" background="원래이미지" onmouseenter="img1.style.visibility='visible';" onmouseleave="img1.style.visibility='hidden';"><img id="img1" src="바뀔이미지" style="visibility:hidden;"></td>
< /tr>
< /table>