º¯È¯ Á¾·ù¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
| Script | object.filters.item('progid:DXImageTransform.Microsoft.RevealTrans').[=propVal] |
| HTML | {filter:progid:DXImageTransform.Microsoft.RevealTrans(=propVal)...} |
| propVal | °ªÀÇ Á¾·ù : Á¤¼ö
|
RevealTrans ¼Ó¼º¿¡ ÀÇÇÑ º¯È¯Àº ½Ã½ºÅÛ »ö»óÀÌ 256 »ö»ó ÀÌ»óÀ̾î¾ß Àß Ç¥ÇöµÈ´Ù.
<SCRIPT>
strA='<IMG src=../../gif/rfexample.gif width=100><BR>¿øº» À̹ÌÁö';
strB='<IMG src=../../gif/rfexample.gif width=100><BR>RevealTrans ÇÊÅÍ ¿¹Á¦¿¡ ÀÇÇÑ »õ À̹ÌÁö<BR>'+
'<IMG src=../../gif/rfexample.gif width=100>';
function doPlay(job){
divObj.innerHTML=strA;
divObj.style.backgroundColor='pink';
divObj.style.color='blue';
divObj.filters[0].Apply();
divObj.filters[0].Enabled=true;
if (!job) divObj.filters[0].Enabled=false;
else{
if (job==1) {
} else if (job==2){
if (divObj.filters[0].Transition==0) divObj.filters[0].Transition=23;
else divObj.filters[0].Transition--;
} else if (job=3){
if (divObj.filters[0].Transition==23) divObj.filters[0].Transition=0;
else divObj.filters[0].Transition++;
}
divObj.style.backgroundColor='lightgreen';
divObj.style.color='red';
divObj.innerHTML=strB;
divObj.filters[0].Play();
}
str='divObj.style.filter='+divObj.style.filter+'<BR>';
str+='divObj.filters[0].Enabled=('+divObj.filters[0].Enabled+'), ';
str+='divObj.filters[0].Transition=(<FONT color=red><B>'+divObj.filters[0].Transition+'</B></FONT>), ';
str+='divObj.filters[0].Duration=('+divObj.filters[0].Duration+')';
show.innerHTML=str;
}
</SCRIPT>
<DIV id="divObj"
style="width:600;height:150;background-color:pink;color:blue;font-size:20;line-height:1.2em;font-weight:bold;padding:9;
filter:progid:DXImageTransform.Microsoft.RevealTrans(Duration=5);">
<SCRIPT>document.write(strA)</SCRIPT></DIV>
<BUTTON onclick="doPlay(0)" style="width:150">Á¤»ó À̹ÌÁö</BUTTON>
<BUTTON onclick="doPlay(1)" style="width:150">ÇÊÅÍ È¿°ú</BUTTON>
<BUTTON onclick="doPlay(2)" style="width:150">¹øÈ£ ³»¸®±â</BUTTON>
<BUTTON onclick="doPlay(3)" style="width:150">¹øÈ£ ¿Ã¸®±â</BUTTON>
<DIV id=show style="width:600;height:50;border:solid 1 blue;padding:3;font-size:80%">ÇÊÅÍ Ç¥½Ãâ</DIV>