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

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>