| 메서드 | 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에서 필터 속성 예제
Inset 필터 예제
필터 표시창
<SCRIPT>
var bgB='yellow';
var aColors=new Array('pink','yellow','green','white','blue','aqua','teal','red')
Bidx=0;
function doPlay(job){
if (job==4) Bidx++;
bgA=divObj.style.backgroundColor=aColors[Bidx%aColors.length];
bgB=aColors[(Bidx+1)%aColors.length];
divObj.filters[0].Apply();
if (!job) divObj.filters[0].Enabled=false;
else {
divObj.filters[0].Enabled=true;
if (job==2) divObj.filters[0].Duration++;
else if (job==3){
if (divObj.filters[0].Duration) divObj.filters[0].Duration--;
}
divObj.style.backgroundColor=bgB;
divObj.filters[0].Play();
}
str='';
str+='filter='+divObj.style.filter+'<BR>';
str+='⇒ Enabled=('+divObj.filters[0].Enabled+') Duration=('+divObj.filters[0].Duration+') ';
str+='backgroundColor=('+bgA+')⇒('+bgB+')';
show.innerHTML=str;
}
</SCRIPT>
<DIV id="divObj"
style="height:200;width:500;background-color:pink;font-size:30;line-height:1.2em;font-weight:bold;color:blue;
filter:progid:DXImageTransform.Microsoft.Inset(Duration=3);">
<IMG src=../../gif/rfexample.gif width=100><BR>
Inset 필터 예제
</DIV>
<BUTTON onclick="doPlay(0)" style="width:100">정상 이미지</BUTTON>
<BUTTON onclick="doPlay(1)" style="width:100">Inset 필터 효과</BUTTON>
<BUTTON onclick="doPlay(2)" style="width:100">Duration 증가</BUTTON>
<BUTTON onclick="doPlay(3)" style="width:100">Duration 감소</BUTTON>
<BUTTON onclick="doPlay(4)" style="width:100">배경색 변경</BUTTON>
<DIV id=show style="width:500;height:50;border:solid 1 blue;padding:3">필터 표시창</DIV>