º¯È¯ Á¾·ù¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

Script object.filters.item('progid:DXImageTransform.Microsoft.RevealTrans').[=propVal]
HTML {filter:progid:DXImageTransform.Microsoft.RevealTrans(=propVal)...}
Àμö
propVal °ªÀÇ Á¾·ù : Á¤¼ö
µðÆúÆ® µðÆúÆ®°ªÀº ¾ø´Ù.
0   »ç°¢ ¹Ú½º¿¡¼­ ¾ÈÀ¸·Î º¯È¯ÇÑ´Ù.
1   »ç°¢ ¹Ú½º¿¡¼­ ¹ÛÀ¸·Î º¯È¯ÇÑ´Ù.
2   ¿øÇü¿¡¼­ ¾ÈÀ¸·Î º¯È¯ÇÑ´Ù.
3   ¿øÇü¿¡¼­ ¹ÛÀ¸·Î º¯È¯ÇÑ´Ù.
4   À§·Î Áö¿òÀ¸·Î º¯È¯ÇÑ´Ù.
5   ¾Æ·¡·Î Áö¿ò(Wipe down).
6   ¿À¸¥ÂÊÀ¸·Î Áö¿òÀ¸·Î º¯È¯ÇÑ´Ù.
7   ¿ÞÂÊÀ¸·Î Áö¿òÀ¸·Î º¯È¯ÇÑ´Ù.
8   ¼öÁ÷ÀûÀÎ ºê¶óÀεå·Î º¯È¯ÇÑ´Ù.
9   ¼öÁ÷ÀûÀÎ ºê¶óÀεå·Î º¯È¯ÇÑ´Ù.
10   üĿÆÇ Á¿ì, »óÇÏ·Î º¯È¯ÇÑ´Ù.
11   üĿÆÇ ¾Æ·¡·Î º¯È¯ÇÑ´Ù.
12   ¹«ÀÛÀ§ Ç®¾îÁüÀ¸·Î º¯È¯ÇÑ´Ù.
13   ¼öÁ÷ ºÐÇÒ µé¾î¿À±â·Î º¯È¯ÇÑ´Ù.
14   ¼öÁ÷ ºÐÇÒ ³ª°¡±â·Î º¯È¯ÇÑ´Ù.
15   ¼öÆò ºÐÇÒ µé¾î¿À±â·Î º¯È¯ÇÑ´Ù.
16   ¼öÆí ºÐÇÒ ³ª°¡±â·Î º¯È¯ÇÑ´Ù.
17   ¶ç ¿ÞÂÊ ¾Æ·¡·Î º¯È¯ÇÑ´Ù.
18   ¶ç ¿ÞÂÊ À§·Î º¯È¯ÇÑ´Ù.
19   ¶ç ¿À¸¥ÂÊ ¾Æ·¡·Î º¯È¯ÇÑ´Ù.
20   ¶ç ¿À¸¥ÂÊ À§·Î º¯È¯ÇÑ´Ù.
21   ¹«ÀÛÀ§ ¸·´ë ¼öÆòÀ¸·Î º¯È¯ÇÑ´Ù.
22   ºÎÀÛÀ§ ¸·´ë ¼öÁ÷À¸·Î º¯È¯ÇÑ´Ù.
23   À§ °¡´ÉÇÑ °ªÀ» ¹«ÀÛÀ§·Î.
Àбâ/¾²±â °¡´É¼º
Àбâ/¾²±â
Ư±â

RevealTrans ¼Ó¼º¿¡ ÀÇÇÑ º¯È¯Àº ½Ã½ºÅÛ »ö»óÀÌ 256 »ö»ó ÀÌ»óÀ̾î¾ß Àß Ç¥ÇöµÈ´Ù.



RevealTrans¿¡¼­ Transition ¼Ó¼º ¿¹Á¦

ÇÊÅÍ Ç¥½Ãâ
<SCRIPT>
strA='<IMG src=../../gif/rfexample.gif width=100><BR>¿øº» À̹ÌÁö';
strB='<IMG src=../../gif/rfexample.gif width=100><BR>RevealTrans ÇÊÅÍ ¿¹Á¦¿¡ ÀÇÇÑ »õ À̹ÌÁö<BR>'+
  '<IMG src=../../gif/rfexample.gif width=100>';
function doPlay(job){
  divObj.innerHTML=strA;
  divObj.style.backgroundColor='pink';
  divObj.style.color='blue';
  divObj.filters[0].Apply();
  divObj.filters[0].Enabled=true;
  if (!job) divObj.filters[0].Enabled=false;
  else{
    if (job==1) {
    } else if (job==2){
      if (divObj.filters[0].Transition==0) divObj.filters[0].Transition=23;
      else divObj.filters[0].Transition--;
    } else if (job=3){
      if (divObj.filters[0].Transition==23) divObj.filters[0].Transition=0;
      else divObj.filters[0].Transition++;
    }
    divObj.style.backgroundColor='lightgreen';
    divObj.style.color='red';
    divObj.innerHTML=strB;
    divObj.filters[0].Play();
  }
  str='divObj.style.filter='+divObj.style.filter+'<BR>';
  str+='divObj.filters[0].Enabled=('+divObj.filters[0].Enabled+'), ';
  str+='divObj.filters[0].Transition=(<FONT color=red><B>'+divObj.filters[0].Transition+'</B></FONT>), ';
  str+='divObj.filters[0].Duration=('+divObj.filters[0].Duration+')';
  show.innerHTML=str;
}
</SCRIPT>

<DIV id="divObj"
  style="width:600;height:150;background-color:pink;color:blue;font-size:20;line-height:1.2em;font-weight:bold;padding:9;
    filter:progid:DXImageTransform.Microsoft.RevealTrans(Duration=5);">
<SCRIPT>document.write(strA)</SCRIPT></DIV>
<BUTTON onclick="doPlay(0)" style="width:150">Á¤»ó À̹ÌÁö</BUTTON>
<BUTTON onclick="doPlay(1)" style="width:150">ÇÊÅÍ È¿°ú</BUTTON>
<BUTTON onclick="doPlay(2)" style="width:150">¹øÈ£ ³»¸®±â</BUTTON>
<BUTTON onclick="doPlay(3)" style="width:150">¹øÈ£ ¿Ã¸®±â</BUTTON>
<DIV id=show style="width:600;height:50;border:solid 1 blue;padding:3;font-size:80%">ÇÊÅÍ Ç¥½Ãâ</DIV>