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

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>