CheckerBoard 필터 예제

정상 이미지 SquaresX=2 SquaresX=4 SquaresX=6 디폴트 SquaresX=20

<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].SquaresX=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">SquaresX=2</BUTTON>
<BUTTON onclick="doPlay(4)" class="butClass">SquaresX=4</BUTTON>
<BUTTON onclick="doPlay(6)" class="butClass">SquaresX=6</BUTTON>
<BUTTON onclick="doPlay(12)" class="butClass">디폴트</BUTTON>
<BUTTON onclick="doPlay(20)" class="butClass">SquaresX=20</BUTTON>

property ⇒

SquaresX 필터속성

⇒

최종 수정: 04/07/2025 08:54:14

All right reserved

비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다. 오류가 나면 정상적 접속으로 시도해 보세요.

http://koxo.com/lang/js/filter/SquaresX.html