24°³ÀÇ »çÀü¿¡ Á¤ÀÇµÈ ±â´É¿¡ ÀÇÇÏ¿© °³Ã¼ÀÇ ³»¿ëÀ» º¯È¯½ÃÄÑ »õ·Î¿î ³»¿ëÀ» Ç¥ÇöÇÑ´Ù.

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

progid:DXImageTransform.Microsoft. ºÎºÐÀº »ý·«ÀÌ °¡´ÉÇϳª ¼Ó¼º°ú È¿°ú°¡ ´Ù¼Ò ´Ù¸¦ ¼ö ÀÖ´Ù.


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

¸Þ¼­µå status ¼³¸í
apply 1 º¯È¯À» À§ÇØ ¿øº» °³Ã¼ÀÇ ³»¿ëÀ» ĸÃÄ(capture)ÇÑ´Ù.
play 2 º¯È¯ÇÏ¸ç µð½ºÇ÷¹ÀÌ ÇÑ´Ù.
stop 0 º¯È¯ÀÇ ¹Ýº¹À» ÁßÁöÇÑ´Ù.
Ư±â

¾Æ·¡ ¸ñ·ÏÀº »çÀü¿¡ Á¤ÀÇµÈ Transition ¼Ó¼ºÀ¸·Î »ç¿ëÇÒ ¼ö ÀÖ´Â º¯È¯µéÀÌ´Ù. ±×·¯³ª ÃÖÀûÈ­ ÇÊÅ͸¦ »ç¿ëÇÏ¿© Ãß°¡ÀûÀÎ ¼±Åðú °­È­µÈ ±â´ÉÀ¸·Î ´õ È¿°úÀûÀÎ º¯È¯À» ¾òÀ» ¼ö ÀÖ´Ù.

º¯È¯(transition) ¹øÈ£ ÃÖÀûÈ­ ÇÊÅÍ
13, 14, 15, 16 Barn
8, 9 Blinds
10, 11 CheckerBoard
0, 1, 2, 3 Iris
21, 22 RandomBars
12 RevealTrans
4, 5, 6, 7 Slide
17, 18, 19, 20 Strips
Àû¿ë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, 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, runtimeStyle, S, SAMP, SMALL, SPAN, STRIKE, STRONG, STYLE, SUB, SUP, TABLE, TD, TEXTAREA, TH, TT, U, UL, VAR, XMP

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


RevealTrans ÇÊÅÍ ¿¹Á¦
ÇÊÅÍ Ç¥½Ãâ
<SCRIPT>
bgB='green';
function doPlay(){
  divObj.filters[0].Apply();
  bgA=divObj.style.backgroundColor;
  if (bgA=='green'){
    bgB=divObj.style.backgroundColor='pink';
    divObj.filters[0].Transition=2;
  } else {
    bgB=divObj.style.backgroundColor='green';
    divObj.filters[0].Transition=3;
  }
  divObj.filters[0].Play();
  str='divObj.style.filter='+divObj.style.filter+'<BR>';
  str+='¢¡Enabled=('+divObj.filters[0].Enabled+'), ';
  str+='Transition=('+divObj.filters.item(0).Transition+'), ';
  str+='Duration=('+divObj.filters.item(0).Duration+'), ';
  str+='backgroundColor=('+bgA+'¢¡'+bgB+')';
  show.innerHTML=str;
}
</SCRIPT>
<DIV id="divObj" style="height:200;width:600;font-size:40;line-height:1.2em;color:yellow;background-color:pink;padding:9;
  filter:progid:DXImageTransform.Microsoft.RevealTrans(duration=2,transition=3);">
<IMG src=../../gif/rfexample.gif width=100><BR>
RevealTrans ÇÊÅÍ ¿¹Á¦
</DIV>
<BUTTON onclick="doPlay()" style="width:600">ÇÊÅÍ È¿°ú¸¦ À§ÇØ Å¬¸¯ÇØ º¸¶ó</BUTTON>
<DIV id=show style="width:600;height:50;border:solid 1 blue;padding:3;font-size:80%">ÇÊÅÍ Ç¥½Ãâ</DIV>