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>