¿øº» À̹ÌÁöÀÇ È¸Àü ¿òÁ÷ÀÓÀ¸·Î º¯È¯(transition)ÇÏ¿© °³Ã¼ÀÇ ³»¿ëÀ» »õ·ÎÀÌ Ç¥ÇöÇÑ´Ù.

Script object.style.filter='progid:DXImageTransform.Microsoft.(propVal)'
HTML <ELEMENT style="filter:progid:DXImageTransform.Microsoft.(propVal)">
Wheel ÇÊÅÍ ¿¹Á¦(Ŭ¸¯)
Àμö
propVal : (¼Ó¼º ¹®ÀÚ¿­)
ÇÊÅÍ°¡ °¡Áú ¼ö ÀÖ´Â ÇÑ°³ ÀÌ»óÀÇ ¼Ó¼ºµé·Î ¼Ó¼º=°ªµéÀ» Äĸ¶(,)·Î ¿¬°á, ±¸¼ºµÈ ¹®ÀÚ¿­ÀÌ´Ù.

¾ÖÆ®¸®ºäÆ® ¼Ó¼º ¼³¸í
duration Duration º¯È¯ÀÌ ¿Ï·áµÉ ¶§±îÁöÀÇ ½Ã°£À» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
enabled Enabled ÇÊÅÍ°¡ ÀÛ¿ëÇÒ ¼ö ÀÖ°Ô ÇÒ °ÍÀΰ¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù. true: »ç¿ë°¡´É, false:»ç¿ë ºÒ°¡´É
  Percent Á¤ÁöµÈ ÇÊÅÍ Ãâ·ÂÀ» ĸÃÄÇÒ ¿Ï¼ºµµ ¹éºÐÀ² Æ÷ÀÎÆ®¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
spokes spokes º¯È¯¿¡ »ç¿ëµÇ´Â °¥¶óÁø Á¶°¢µéÀÇ °¹¼ö¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
  status º¯È¯ÀÇ »óŸ¦ ¹ÝȯÇÑ´Ù.

¸Þ¼­µå status ¼³¸í
apply 1 º¯È¯À» À§ÇØ ¿øº» °³Ã¼ÀÇ ³»¿ëÀ» ĸÃÄ(capture)ÇÑ´Ù.
play 2 º¯È¯ÇÏ¸ç µð½ºÇ÷¹ÀÌ ÇÑ´Ù.
stop 0 º¯È¯ÀÇ ¹Ýº¹À» ÁßÁöÇÑ´Ù.
Ư±â
Àû¿ëstyle
A, ACRONYM, ADDRESS, B, BDO, BIG, BLOCKQUOTE, BODY, BUTTON, CAPTION, CENTER, CITE, CODE, CUSTOM, DD, DEL, DFN, DIR, DIV, DL, DT, EM, FIELDSET, FONT, FORM, FRAME, FRAMESET, hn, I, IFRAME, IMG, INPUT type=button, INPUT type=checkbox, INPUT type=file, INPUT type=image, INPUT type=password, INPUT type=radio, INPUT type=reset, INPUT type=submit, INPUT type=text, INS, KBD, LABEL, LEGEND, LI, MARQUEE, MENU, NOBR, OL, OBJECT, P, plainText, PRE, Q, RT, RUBY, S, SAMP, SMALL, SPAN, STRIKE, STRONG, SUB, SUP, TABLE, TD, TEXTAREA, TH, TT, U, UL, VAR, XMP

ÂüÁ¶
Transition

DIV¿¡¼­ ÇÊÅÍ ¼Ó¼º ¿¹Á¦


Wheel ÇÊÅÍ ¿¹Á¦
ÇÊÅÍ Ç¥½Ãâ
<SCRIPT>
var clickBut=false;
function doPlay(){
  divObj.filters[0].Spokes=8;
  divObj.filters[0].Apply(); // Apply ¸Þ¼­µå·Î ĸÃĵȴÙ.
  if (clickBut {
    divObj.style.backgroundColor='pink';
    clickBut=false;
  } else {
    divObj.style.backgroundColor='green';
    clickBut=true;
  }
  divObj.filters[0].Play(); // Play ¸Þ¼­µå°¡ È£ÃâµÇ±â Àü¿¡´Â µð½ºÇ÷¹ÀÌ µÇÁö ¾Ê´Â´Ù.
  divObj.filters[0].Play();
  str='divObj.style.filter='+divObj.style.filter+'<BR>';
  str+='¢¡Enabled=('+divObj.filters[0].Enabled+'), ';
  str+='Duration=('+divObj.filters[0].Duration+'), ';
  str+='Spokes=('+divObj.filters[0].Spokes+')';
  show.innerHTML=str;
}
</SCRIPT>
<DIV id="divObj"
 style="width:500;height:300;background-color:pink;padding=5;font-size:40;line-height:1.2em;color:yellow;font-weight:bold;
  filter:progid:DXImageTransform.Microsoft.Wheel(duration=3);">
<IMG src=../../gif/rfexample.gif width=100><BR>
Wheel ÇÊÅÍ ¿¹Á¦
</DIV>
<BUTTON onclick="doPlay()" style="width:500">ÇÊÅÍ È¿°ú¸¦ À§ÇØ Å¬¸¯ÇØ º¸¶ó</BUTTON>
<DIV id=show style="width:500;height:50;border:solid 1 blue;padding:3;font-size:80%">ÇÊÅÍ Ç¥½Ãâ</DIV>