¾Ö´Ï¸ÞÀ̼ÇÀ» ½ÃÀÛ °ªÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

Àμö
: (¼Ó¼º °ª)

¼Ó¼º°ªÀº ¾Ö´Ï¸ÞÀ̼ÇÀ» ½ÃÀÛ °ªÀÌ´Ù.

½ÃÀÛ°ªÀº px, in, cm, mm, pt, pcµîÀÇ ±æÀÌ ´ÜÀ§¸¦ Æ÷ÇÔÇÒ ¼ö ÀÖ´Ù.
ÀÚ¼¼ÇÑ Á¤º¸´Â CSS ±æÀÌ ´ÜÀ§¸¦ ÂüÁ¶Ç϶ó.

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

Ư±â

from °ªÀÌ ÁöÁ¤µÇÁö ¾Ê¾ÒÀ¸¸é, ¾Ö´Ï¸Þ´Ï¼ÇÀº ½ÃÀÛ½ÃÁ¡¿¡¼­ÀÇ ¾ÖÆ®¸®ºäÆ®ÀÇ °ªÀ» »ç¿ëÇÑ´Ù.

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

<SCRIPT>
object.endElement();
object.from='100px';
object.beginElement();
</SCRIPT>

animate, animateMotion°ú animateColor °³Ã¼´Â HTML time2 ºñÇìÀ̹ö¸¦ »ç¿ëÇÏ°í ´ÙÀ½ÀÇ ¸ðµ¨¿¡ ÀÇÇÏ¿© ¾Ö´Ï¸ÞÀÌ¼Ç ¼Ó¼ºµéÀ» Æò°¡ÇÑ´Ù.

È°¼ºÁßÀÎ ¾Ö´Ï¸ÞÀ̼ǿ¡¼­ from¸¦ from ¼Ó¼º°ªÀ¸·Î ½ºÅ©¸³Æ®·Î ¼öÁ¤ÇÏ·Á¸é:

<SCRIPT>
object.endElement();
object.path=null;
object.from='100px';
object.beginElement();
</SCRIPT>

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

ÀÌ ¼Ó¼ºÀº (¿µ¹®)SMIL 2.0(Synchronized Multimedia Integration Language)¿¡¼­ Á¤ÀǵǾú´Ù.


À̵¿ DIV
°á°ú Ç¥½Ãâ
<HTML xmlns:t="urn:schemas-microsoft-com:time">
<HEAD>
<IMPORT namespace="t" implementation="#default#time2">
<STYLE> .time{ behavior: url(#default#time2);}</STYLE>
<SCRIPT>
function showAll(){
  str='aniObj.attributeName='+aniObj.attributeName+'<BR>';
  str+='aniObj.from='+aniObj.from+'<BR>';
  str+='aniObj.to='+aniObj.to+'<BR>';
  str+='aniObj.targetElement='+aniObj.targetElement+'<BR>';
  showA.innerHTML=str;
}
</SCRIPT>
</HEAD>
<BODY>
<T:ANIMATE id="aniObj" autoReverse="true" begin="2"
  targetElement="divObj" attributeName="left" from="100px" dur="5" to="300px" fill="hold"/>
<DIV id="divObj" class="time"
  style="position:absolute;left:100;background-color:beige;color:red;border:solid 1 red;padding:9">À̵¿ DIV</DIV>
<BUTTON onclick="aniObj.beginElement()" style=margin-top:50>´Ù½Ã ½ÃÀÛ</BUTTON>
<BUTTON onclick="showAll()">³»¿ª º¸±â</BUTTON>
<DIV id=showA>°á°ú Ç¥½Ãâ</DIV>
</BODY>
</HTML>