CheckerBoard ÇÊÅÍ¿¡ ÀÇÇØ º¯È¯¿¡ »ç¿ëµÇ´Â ¼öÁ÷ ÁÙÀÇ °¹¼ö¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

Script object.filters.item('progid:DXImageTransform.Microsoft.CheckerBoard').[=propVal]
HTML {filter:progid:DXImageTransform.Microsoft.CheckerBoard(=propVal)...}
Àμö
propVal °ªÀÇ Á¾·ù : Á¤¼ö
2   º¯È¯ÇÏ´Â »ç°¢ÀÇ ³ôÀÌ´Â 2 Çȼ¿ÀÌ´Ù.
~  
10 µðÆúÆ® º¯È¯ÇÏ´Â »ç°¢ÀÇ ³ôÀÌ´Â 10 Çȼ¿ÀÌ´Ù.
~  
Àбâ/¾²±â °¡´É¼º
Àбâ/¾²±â
Ư±â
¼Ó¼º °ªÀÌ 2 ¹Ì¸¸ÀÌ¸é ¹«½ÃµÇ°í µðÆúÆ®°ª 10ÀÌ Àû¿ëµÈ´Ù.


CheckerBoard¿¡¼­ SquaresY ¼Ó¼º ¿¹Á¦


CheckerBoard ÇÊÅÍ ¿¹Á¦
<SCRIPT>
function doPlay(job){
  divObj.filters[0].Enabled=true;
  divObj.style.backgroundColor='pink';
  divObj.style.color='blue';
  divObj.filters[0].Apply();
  if (!job) divObj.filters[0].Enabled=false;
  else {
    divObj.style.backgroundColor='lightgreen';
    divObj.style.color='white';
    divObj.filters[0].SquaresY=job;
    divObj.filters[0].Play();
  }
}
</SCRIPT>
<STYLE>
.butClass{width:100}
</STYLE>

<DIV id="divObj"
  style="width:600;height:100;background-color:pink;color:blue;font-size:30;line-height:1.2em;font-weight:bold;padding:9;
    filter:progid:DXImageTransform.Microsoft.CheckerBoard(Duration=5,Direction=right);">
<IMG src=../../gif/rfexample.gif width=100><BR>
CheckerBoard ÇÊÅÍ ¿¹Á¦
</DIV>
<BUTTON onclick="doPlay(0)" class="butClass">Á¤»ó À̹ÌÁö</BUTTON>
<BUTTON onclick="doPlay(2)" class="butClass">SquaresY=2</BUTTON>
<BUTTON onclick="doPlay(4)" class="butClass">SquaresY=4</BUTTON>
<BUTTON onclick="doPlay(6)" class="butClass">SquaresY=6</BUTTON>
<BUTTON onclick="doPlay(10)" class="butClass">µðÆúÆ®</BUTTON>
<BUTTON onclick="doPlay(15)" class="butClass">SquaresY=20</BUTTON>