°³Ã¼ÀÇ ¿øº» ³»¿ëÀ» º¯È¯ ¹êµå¸¦ Á¡ÁøÀûÀ¸·Î À̵¿È÷Å°¸é¼­ »õ·Î¿î ³»¿ëÀ¸·Î Ç¥ÇöÇÑ´Ù.

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

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

¸Þ¼­µå 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¿¡¼­ ÇÊÅÍ ¼Ó¼º ¿¹Á¦


GradinetWipe ÇÊÅÍ ¿¹Á¦
ÇÊÅÍ Ç¥½Ãâ
<SCRIPT>
var clickBut=false;
function doPlay(){
  divObj.filters[0].Apply();
  if (clickBut){
    clickBut=false;
    divObj.style.backgroundColor='pink';
  } else {
    clickBut=true;
    divObj.style.backgroundColor='maroon';
  }
  divObj.filters[0].Play();
  str='divObj.style.filter='+divObj.style.filter;
  show.innerHTML=str;
}
</SCRIPT>
<DIV id="divObj" style="height:200;width:400;background-color:pink;font-size:30;line-height:1.2em;color:blue;
  filter:progid:DXImageTransform.Microsoft.GradientWipe(motion=forward,duration=5,gradientsize=.7);">
  <IMG src=../../gif/rfexample.gif width=100><BR>
GradinetWipe ÇÊÅÍ ¿¹Á¦
</DIV>
<BUTTON onclick="doPlay()" style="width:400">ÇÊÅÍ È¿°ú¸¦ À§ÇØ Å¬¸¯ÇØ º¸¶ó</BUTTON>
</DIV>
<DIV id=show style="height:20;font-size:14;border:solid 1 blue;padding:3;margin-left:3em;margin-right:3em">ÇÊÅÍ Ç¥½Ãâ</DIV>