t:TRANSITIONFILTER ¿¤·¹¸àÆ®ÀÇ ¼¼¹ÌÄÝ·Ð(;)À¸·Î ºÐ¸®µÈ º¯È¯ÀÇ ´Ü°è ¸ñ·ÏÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

Àμö
: (¼Ó¼º ¹®ÀÚ¿­)

¼Ó¼º°ªÀº t:TRANSITIONFILTER ¿¤·¹¸àÆ®ÀÇ ¼¼¹ÌÄÝ·Ð(;)À¸·Î ºÐ¸®µÈ º¯È¯ÀÇ ´Ü°è ¸ñ·ÏÀ» ³ªÅ¸³»´Â ¹®ÀÚ¿­ÀÌ´Ù.

°ªµéÀº ³ªÅ¸³­ ¼ø¼­¿¡µû¶ó ¾Ö´Ï¸ÞÀ̼ÇÀÌ ÀϾ´Â ¼ø¼­¸¦ °áÁ¤ÇÏ°í Àû¿ëµÈ´Ù.

ÀÌ ¼Ó¼ºÀÇ À¯È¿ÇÑ °ªÀº 0.0°ú 1.0»çÀÌÀÇ ½Ç¼öÀÌ´Ù.

ÀÌ ¼Ó¼ºÀº Àбâ/¾²±âÀÌ¸ç µðÆúÆ®°ªÀº ¾ø´Ù.

Ư±â

ÀÌ ¾ÖÆ®¸®ºäÆ®°¡ ÁöÁ¤µÇ¸é from, to¿Í by ¾ÖÆ®¸®ºäÆ®ÀÇ Á¶ÇÕÀ¸·Î ÁøÇà½ÃÅ°´Â º¯È¯º¸´Ù ´õ Á¤¹ÐÇÑ Á¦¾î¸¦ Á¦°øÇÒ ¼ö ÀÖ°í, ÁöÁ¤µÇ¾ú´ø °ªµéÀ» µ¤¾î¾º¿î´Ù.

½ºÅ©¸³Æ®¸¦ »ç¿ëÇÏ¿© È°¼º ¾Ö´Ï¸ÞÀ̼ÇÀ» ź·ÂÀûÀ¸·Î º¯°æ½Ãų ¶§, ÀÛ¼ºÀÚ´Â ¸î°¡Áö ÁÖÀÇÇÏ¿©¾ß ÇÑ´Ù. °á°ú°¡ ÀǵµÇÑ ¹Ù¿Í ´Ù¸£°Å³ª ÀÌ»óÇÏ°Ô µÇÁö ¾Ê°ÔÇϱâ À§Çؼ­´Â, ¼Ó¼ºµéÀÇ °ªÀ» º¯°æÇÑ ÈÄ beginElement ¸Þ¼­µå¸¦ »ç¿ëÇÏ¿© ´Ù½Ã ½ÃÀÛÇÏ´Â °ÍÀÌ ÁÁ´Ù.

<SCRIPT>
object.endElement();
object.values='.1;.17;.27;.37;.47;.56;.65;.71;.82;.92;1.0';
object.beginElement();
</SCRIPT>

animate, animateMotion°ú animateColor °³Ã¼µé¿¡¼­´Â, HTML time2 ºñÇìÀ̹ö°¡ »ç¿ëµÇ¾î ¾î´À ¼Ó¼ºÀÌ ¾Ö´Ï¸ÞÀ̼ǵǴ°¡¸¦ ÆÇÁ¤ÇÏ´Â ¸ðµå°¡ »ç¿ëµÈ´Ù.

Àû¿ë
°³Ã¼scriptHTML±Ô°ÝIE
ÂüÁ¶
HTML+time

values ¼Ó¼º°ªÀÌ calcMode ¼Ó¼ºÀ» ¹Ý¿µÇÏ¿© º¯È¯¿¡ ÁøÇàÀ» °áÁ­Çϴµ¥ »ç¿ëµÈ´Ù.

<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" />
</HEAD>
<BODY>
<T:TRANSITIONFILTER begin="div1Obj.begin" type="barWipe" dur="5"
  targetElement="div1Obj" values=".1;.17;.27;.37;.47;.56;.65;.71;.82;.92;1.0" calcMode="discrete"/>
<T:TRANSITIONFILTER begin="div1Obj.begin" type="barWipe" dur="5"
  targetElement="div2Obj" values=".1;.17;.27;.37;.47;.56;.65;.71;.82;.92;1.0" calcMode="linear"/>

<INPUT type="button" id="oStartButton" value="transitionFilter ½ÃÀÛ">
<DIV class="time" begin="oStartButton.click" id="div1Obj" dur="indefinite"
  style="position:relative;left:0;width:450;height:150;background-image:url(../../gif/flower1.jpg);">
</DIV>
<DIV class="time" begin="oStartButton.click" id="div2Obj" dur="indefinite"
  style="position:relative;left:0;width:450;height:150;background-image:url(../../gif/flower1.jpg);">
</DIV>
</BODY>
</HTML>