°³Ã¼ÀÇ ³»¿ëÀ» ¿ÞÂÊ¿¡¼­ ¿À¸¥ÂÊÀ¸·Î, À§¿¡¼­ ¾Æ·¡·Î À̵¿Çϸ鼭 »õ·Î¿î ³»¿ëÀ» ¸¸µç´Ù.

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

¾ÖÆ®¸®ºäÆ® ¼Ó¼º ¼³¸í
duration Duration º¯È¯ÀÌ ¿Ï¼ºµÇ´Â ½Ã°£ÀÇ ±æÀ̸¦ ¹Ð¸®ÃÊ ´ÜÀ§·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
enabled Enabled ÇÊÅͰ¡ ÀÛ¿ëÇÒ ¼ö ÀÖ°Ô ÇÒ °ÍÀΰ¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù. true: »ç¿ë°¡´É, false:»ç¿ë ºÒ°¡´É
gridSizeX GridSizeX ÇÊÅÍ¿¡ »ç¿ëµÇ´Â Å©¸®µå(grid) Ä÷³ÀÇ °¹¼ö¸¦ 1¿¡¼­ 100 »çÀÌÀÇ °ªÀ¸·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
gridSizeY GridSizeY ÇÊÅÍ¿¡ »ç¿ëµÇ´Â Å©¸®µå(grid) ÁÙÀÇ °¹¼ö¸¦ 1¿¡¼­ 100 »çÀÌÀÇ °ªÀ¸·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
  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¿¡¼­ ÇÊÅÍ ¼Ó¼º ¿¹Á¦


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