 |
 |
| 이미지 체인징(자유공간 메뉴) 자바 스크립트 |
head사이
<script language="JavaScript">
<!--
function bt(id,after)
{
eval(id+'.filters.blendTrans.stop();');
eval(id+'.filters.blendTrans.Apply();');
eval(id+'.src="'+after+'";');
eval(id+'.filters.blendTrans.Play();');
}
//-->
</script>
body사이 원하는곳
[menu1]의 경우
<a href=kiss.htm onfocus='this.blur()' onMouseOver='bt("menu1","menu1b.gif")' onMouseOut='bt("menu1","menu1a.gif")'><img ID=menu1 src=menu1a.gif border=0 style="filter:blendTrans(duration=0.5)"></a>
[menu2]의 경우
<a href=kissgod.htm onfocus='this.blur()' onMouseOver='bt("menu2","menu2b.gif")' onMouseOut='bt("menu2","menu2a.gif")'><img ID=menu2 src=menu2a.gif border=0 style="filter:blendTrans(duration=0.5)"></a>
[menu3]의 경우
<a href=kissofgod.htm onfocus='this.blur()' onMouseOver='bt("menu3","menu3b.gif")' onMouseOut='bt("menu3","menu3a.gif")'><img ID=menu3 src=menu3a.gif border=0 style="filter:blendTrans(duration=0.5)"></a>
<설명>
[menu1]에서
kiss.htm은 링크할 주소, menu1a.gif는 마우스가 올라갔을 때의 이미지, 앞의 menu1b.gif에는 마우스가 올라갔다가 내려갔을 때의 이미지, 뒤의 menu1b.gif는 기본 이미지. 즉, 마우스가 그림 위로 올라간 적이 한 번도 없을 때의 이미지, duration=0.5에서 0.5는 마우스가 오르락내리락할 때 트랜지션효과의 속도(큰 수를 적어줄수록 부드러워짐.)
[menu2] [menu3]... 같은 방법으로 원하는 만큼 계속 추가시켜주시면 됩니다. 추가하실 때는 menu1 이라는 이름을 menu2, menu3 ...이런 식으로 다르게 부여해야 합니다.
|
|
|
|
