< script>~</script> 넣을필요 없는 간단 롤오버마우스소스예요.
바꾸고자 하는 이미지에 아래 소스를 넣어보세요.
< a href='#' onmouseover='img1.src="바뀔이미지명"' onmouseout='img1.src="원래이미지명"'><img src='원래이미지명' name='img1'></a>
간단하죠?
아래와 같은 소스로도 가능하니까 편한걸로 골라하세요. ^^
< 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>
'Html & Css' 카테고리의 다른 글
현재 페이지 인쇄하기 (0) | 2016.06.03 |
---|---|
창 닫기 버튼 만들기 여러가지 방법 (1) | 2016.06.03 |
링크시 생기는 점선 한방에 다 없애기 (0) | 2016.06.03 |
base target으로 하이퍼링크 간단히 제어 (0) | 2016.06.03 |
자바스크립트와 css 외부링크소스 (0) | 2016.06.03 |