마우스 오버 아웃시 해당 이미지 바꾸기 스크립트입니다.
html 소스는 편할때로 편집하실수있구요.
script 소스만 해당페이지에 넣어주시면됩니다.
파란색부분은 jpg로바꾸셔도되고 네이밍 형식을
바꾸셔도됩니다.
예제1) html 소스
<img src="memu01.gif" onmouseover="img_rolover_rolout(this,'memu01',event)"
onmouseout="img_rolover_rolout(this,'memu01',event)">
<img src="memu02.gif" onmouseover="img_rolover_rolout(this,'memu01',event)"
onmouseout="img_rolover_rolout(this,'memu02',event)">
<img src="memu02.gif" onmouseover="img_rolover_rolout(this,'memu01',event)"
onmouseout="img_rolover_rolout(this,'memu03',event)">
<script>
// 이미지경로및이름[.확장자빼고] < 이부분만
수정하시면되며
// 마우스오버 이미지는 이미지명뒤에 _over 를 붙여주세요
// (객체, 이미지경로및이름[.확장자빼고], 이벤트)
function img_rolover_rolout(id,img_title,e){
var e = e || window.event; // 브라우저별 설정
if(e.type == "mouseover"){
id.src = img_title +"_over.gif";
}else{
id.src = img_title +".gif";
}
}
</script> |
추천 : 