| 메서드 | status | 설명 |
|---|---|---|
| apply | 1 | 변환을 위해 원본 개체의 내용을 캡쳐(capture)한다. |
| play | 2 | 변환하며 디스플레이 한다. |
| stop | 0 | 변환의 반복을 중지한다. |
- 특기
-
BasicImage 필터를 사용하여 더 효과적으로 표현할 수 있다.
- 적용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, 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, runtimeStyle, S, SAMP, SMALL, SPAN, STRIKE, STRONG, STYLE, SUB, SUP, TABLE, TD, TEXTAREA, TH, TT, U, UL, VAR, XMP
DIV에서 필터 속성 예제
BlendTrans 필터 효과
필터 표시창
<SCRIPT>
idx=1;
function doPlay(){
divObj.style.filter='blendTrans()';
divObj.filters.blendTrans.apply();
str='divObj.style.filter='+divObj.style.filter+'<BR>';
str+='divObj.style.visibility=('+divObj.style.visibility+'⇒';
if (idx%2){
divObj.filters[0].Duration=3;
divObj.style.visibility='hidden';
} else {
divObj.filters[0].Duration=2;
divObj.style.visibility='visible';
}
idx++;
divObj.filters.blendTrans.play();
str+=divObj.style.visibility+')';
show.innerHTML=str;
}
</SCRIPT>
<DIV id="divObj"
style="width:400;height:100;font-size:30;line-height:1.2em;font-weight:bold;color:blue;background:pink;padding:9">
<IMG src="../../gif/rfproperty.gif" width=100><BR>
BlendTrans 필터 효과 </DIV>
<BUTTON onclick="doPlay()" style="width:400">필터 효과를 위해 클릭해 보라</BUTTON>
<DIV id=show style="width:400;border:solid 1 blue;height:50;padding:2">필터 표시창</DIV>