°³Ã¼ÀÇ ¿øº» ³»¿ëÀ» Á¡ÁøÀûÀ¸·Î »õ·Î¿î ³»¿ëÀ¸·Î º¯°æ½ÃÄÑ Ç¥½ÃÇÑ´Ù.

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

¾ÖÆ®¸®ºäÆ® ¼Ó¼º ¼³¸í
duration Duration º¯È¯ÀÌ ¿Ï¼ºµÇ´Â ½Ã°£ÀÇ ±æÀ̸¦ ¹Ð¸®ÃÊ ´ÜÀ§·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
enabled Enabled ÇÊÅͰ¡ ÀÛ¿ëÇÒ ¼ö ÀÖ°Ô ÇÒ °ÍÀΰ¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù. true: »ç¿ë°¡´É, false:»ç¿ë ºÒ°¡´É
overlap Overlap ¿øº»°ú »õ·Î¿î Ç¥ÇöÀÇ º¯È¯ÇÏ´Â Áö¼Ó ºñÀ²À» 0¿¡¼­ 1 »çÀÌÀÇ ¼öÄ¡·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
  Percent Á¤ÁöµÈ ÇÊÅÍ Ãâ·ÂÀ» ĸÃÄÇÒ ¿Ï¼ºµµ ¹éºÐÀ² Æ÷ÀÎÆ®¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
  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

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

¿Í ¹®ÀÚ¿­
 Overlap
00.30.50.71
duration divObj.filters[0].Duration=
ÇÊÅÍ Ç¥½Ãâ
<STYLE>.butClass{width:100;background:cdf;color:blue;padding:1}</STYLE>
<SCRIPT>
var duration=3;
function doPlay(color,lab){
  divObj.filters[0].Apply();
  Hcolor=divObj.style.backgroundColor;
  HOverlap=divObj.filters[0].Overlap;
  divObj.style.backgroundColor=color;
  divObj.filters[0].Overlap=lab;
  divObj.filters[0].Play();
  str='divObj.style.filter='+divObj.style.filter+'<BR>';
  str+='divObj.style.backgroundColor=('+Hcolor+')  ¢¡ ('+divObj.style.backgroundColor+')<BR>';
  str+='divObj.filters[0].Overlap=('+HOverlap+')  ¢¡ ('+divObj.filters.item(0).Overlap+')';
  show.innerHTML=str;
}

function writeTable(){
  laps=new Array(0,.3,.5,.7,1);
  aColors=new Array('pink','red','yellow','aqua','green','blue','brown','teal');
  str='';
  for (clr=0;clr<aColors.length;clr++){
    color=aColors[clr];
    str+='<TR><TH>'+color+'</TH>';
    for (i=0;i<LAPS.length;i++){
      str+='<TD><BUTTON onclick="doPlay(\''+color+'\',\''+laps[i]+'\')" class="butClass">'+color+'('+laps[i]+')</BUTTON></TD>';
    }
    str+='</TR>';
  }
  document.write(str);
}
</SCRIPT>
<DIV id="divObj"
  style="height:100;width:600;background-color:pink;font-size:60;line-height:1.2em;font-weight:bold;
  filter:progid:DXImageTransform.Microsoft.Fade(duration=3)" ><IMG src='http://trio.co.kr/gif/triov.jpg'>¿Í ¹®ÀÚ¿­
</DIV>
<TABLE border=1 cellpading=0 cellspacing=0 width=600>
<TR><TH rowspan=2> </TH><TH colspan=5>Overlap</TH>
<TR align=center><TD>0</TD><TD>0.3</TD><TD>0.5</TD><TD>0.7</TD><TD>1</TD></TR>
<SCRIPT>writeTable();</SCRIPT>
<TR><TH style=color:brown>duration</TH>
<TD colspan=2 style=text-align:right;color:teal;border-right:none>divObj.filters[0].Duration=</TD>
<TD id=dur style=color:red;font-weight:bold;border-left:none><SCRIPT>document.write(divObj.filters[0].Duration)</SCRIPT></TD>
<TD><BUTTON
  onclick="duration=++divObj.filters[0].Duration;dur.innerHTML=duration" class="butClass">Áõ°¡</BUTTON></TD>
<TD><BUTTON
  onclick="if(duration) duration=--divObj.filters[0].Duration;dur.innerHTML=duration" class="butClass">°¨¼Ò</BUTTON></TD>
</TR>
</TABLE>
<DIV id=show style="width:600;height:70;border:solid 1 blue;padding:3">ÇÊÅÍ Ç¥½Ãâ</DIV>