개체의 원본 내용을 브라인드를 열고 닫는 것처럼 점진적으로 변화시켜 새로운 내용으로 표현한다.
| Script | object.style.filter='progid:DXImageTransform.Microsoft.(propVal)' |
| HTML | <ELEMENT style="filter:progid:DXImageTransform.Microsoft.(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 | 변환의 반복을 중지한다. |
| 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 |
<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>