기타팁

메뉴효과

by Gsm posted Jul 14, 2011
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄 수정 삭제
http://nadark7979.webzero.co.kr/edu1/test/2/4.htm

두가지 태그를 같이 사용했는데 우연히도 먹히더군
이미지 롤오버하고 이미지에 마우스 오버시 레이어에 대응하는 이미지출력하는스크립
이게 스크립 중간에 height로 세로크기 지정
<style>
img {margin:0px;}
</style>
<script>
function imgchange(imgname) {
var con = document.getElementById("content");
con.innerHTML = "<img src='" + imgname + "' height='20'/>";
}
</script>

아래가 바디에 들어가는 형식이다.
레이어에 최초출력물을 지정하고 링크걸구
처음나오는 이미지, 마우스 오버시 레이어에 보여줄 이미지 메뉴쪽에서
롤어버해줄 이미지 마우스 아웃시 보여줄 이미지
이런순으로 이미지가 들어간다.

<!--------메뉴시작--------->
<!--------music--------->
<div id="content"><img src="img/subtitle.jpg" height="20"/></div>
<a href=http://nadark7979.webzero.co.kr/bbs/zboard.php?id=ani
target=bottom>  
<img src="img/musicp.gif" onmouseover="imgchange('img/mut.jpg');this.src='img/musicb.gif'"  onmouseout="this.src
='img/musicp.gif'" border=0 ></a>