 마우스를 이미지에 오버하면 페이드효과를 보여주는 스크립트 입니다.
이 스크립트는 이미지의 알파값을 변하게하여 페이드효과를 보여주는것입니다.
이미지 롤오버효과와는 다른점은 롤오버는 2개의 이미지를 이용하여 변하게 하는효과이지만
이 스크립트는 1개의 이미지의 알파값만 변하게하여 페이드효과를 보여주는 스크립트 입니다.
소스설명
<script language="JavaScript">
<!--
var startopacity = 30; //
function fadeIt(obj,direct){
if(window.timer) { clearInterval(timer); }
tobj=obj; drct=direct;
timer=setInterval("flowfilter(tobj,drct);",5); }
function flowfilter(thing,dct){
if(dct==1) { if (thing.filters.alpha.opacity<100) { thing.filters.alpha.opacity+=5; } else { clearInterval(timer); } }
if(dct==2) { if (thing.filters.alpha.opacity>startopacity) { thing.filters.alpha.opacity-=5; } else { clearInterval(timer); } }
}
//-->
</script>
<img src="1.gif" border="0" style="filter:alpha(opacity=40)" onMouseover="fadeIt(this,1);" onMouseout="fadeIt(this,2);">
opacity=40 : 이미지 오버전의 알파값입니다.
|
