개체의 원본 내용을 브라인드를 열고 닫는 것처럼 점진적으로 변화시켜 새로운 내용으로 표현한다.

Script object.style.filter='progid:DXImageTransform.Microsoft.(propVal)'
HTML <ELEMENT style="filter:progid:DXImageTransform.Microsoft.(propVal)">
Blinds 필터 예제(클릭)
인수
propVal : (속성 문자열)
필터가 가질 수 있는 한개 이상의 속성들로 속성=값들을 컴마(,)로 연결, 구성된 문자열이다.

애트리뷰트 속성 설명
bands bands 변환 중에 띄들로 원본을 잘라서 점진적으로 내용을 변환시키는 갯수를 반환하거나 설정한다.
값은 1에서 100까지이다.
direction Direction 필터 효과가 나는 방향을 시계방향의 각도로 반환하거나 설정한다. up, down, left, right
duration Duration 변환이 완성되는 시간의 길이를 밀리초 단위로 반환하거나 설정한다. 밀리초
enabled Enabled 필터가 작용할 수 있게 할 것인가를 반환하거나 설정한다. true: 사용가능, false:사용 불가능
  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에서 필터 속성 예제

필터 표시창
<STYLE>
button.blind{width:200}
</STYLE>
<SCRIPT>
var clickBut=false;
function doPlay(toDir){
  divObj.filters[0].Apply();
  ban=Math.random()*10+5
  if ((toDir=='up')||(toDir=='down')) ban/=2;
  divObj.filters[0].bands=ban;
  divObj.filters[0].direction=toDir;
  if (clickBut){
    clickBut=false;divObj.style.backgroundColor='pink';
  } else {
    clickBut=true;divObj.style.backgroundColor='blue';
  }
  divObj.filters[0].Play(duration=3);
  show.innerHTML=divObj.style.filter+'<BR>bands='+divObj.filters[0].bands+', direction='+divObj.filters[0].direction;
}
</SCRIPT>
<DIV id="divObj" style="height:100;width:506;background-color:pink;
  filter:progid:DXImageTransform.Microsoft.Blinds(direction='down');"></DIV>
<BUTTON onclick="doPlay('up')">dirction='up'</BUTTON>
<BUTTON onclick="doPlay('down')">dirction='down'</BUTTON>
<BUTTON onclick="doPlay('left')">dirction='left'</BUTTON>
<BUTTON onclick="doPlay('right')">dirction='right'</BUTTON>
<DIV id=show style="width:506;height:40;border:solid 1 blue">필터 표시창</DIV>