transitionFilter의 by, clacMode, dur, fill, from, targetElement, to, type 속성 예제

결과 표시창

by 속성값 0.8으로 80%에서 변환이 중지된다.

<HTML xmlns:t="urn:schemas-microsoft-com:time">
<HEAD>
<STYLE>.time{behavior: url(#default#time2);} </STYLE>
<IMPORT namespace=t urn="urn:schemas-microsoft-com:time" implementation="#default#time2" />
<SCRIPT>
function showAll(){
  str='tfObj.type='+tfObj.type+'<BR>';
  str+='tfObj.from='+tfObj.from+'<BR>';
  str+='tfObj.to='+tfObj.to+'<BR>';
  str+='tfObj.by='+tfObj.by+'<BR>';
  str+='tfObj.dur='+tfObj.dur+'<BR>';
  str+='tfObj.targetElement='+tfObj.targetElement+'<BR>';
  str+='tfObj.fill='+tfObj.fill+'<BR>';
  str+='tfObj.calcMode='+tfObj.calcMode+'<BR>';
  showA.innerHTML=str;
}
</SCRIPT>
</HEAD>
<BODY>
<T:TRANSITIONFILTER id="tfObj" from="0.1" by="0.8" type="barWipe" dur="9" targetElement="divObj" to="1.0" />
<DIV class="time" id="divObj" dur="indefinite"
  style="position:relative;left:0;width:420;height:150;background-image:url(../../gif/flower1.jpg);">
</DIV>
<BUTTON onclick="tfObj.beginElement()">다시 시작</BUTTON>
<BUTTON onclick="showAll()">내용 보기</BUTTON>
<DIV id="showA">결과 표시창</DIV>
</BODY>
</HTML>