Xray 필터 예제

필터 효과를 위해 클릭해 보라

필터 표시창

<SCRIPT>
var aColors=new Array('pink','red','yellow','black','aqua','green','blue','brown','teal','white');
idx=0;
var clickBut=false;
function doPlay(){
    divObj.style.color=aColors[(idx++)%aColors.length];
  if (clickBut){
    clickBut=false;
  } else {
    clickBut=true;
  }
  str='divObj.style.filter='+divObj.style.filter+', ';
  str+='⇒Enabled=('+divObj.filters[0].Enabled+'),<BR>';
  str+='divObj.style.color=(<SPAN class=clrBox  style=background:black;color:'+divObj.style.color+'>'+divObj.style.color+'</SPAN>=';
  str+='<SPAN class=clrBox  style=background:white;color:'+divObj.style.color+'>'+divObj.style.color+'</SPAN>)';
  show.innerHTML=str;
}
</SCRIPT>
<STYLE>.clrBox{padding:5;padding-bottom:2;padding-top:2;font-weight:bold;font-size:120%}</STYLE>
<DIV id="divObj"
 style="width:494;height:100;font-size:40;line-height:1.2em;color:pink;font-weight:bold;border:solid 3;padding=5;margin:5;
  filter:Xray();">
<IMG src=../../gif/rfexample.gif width=100><BR>
Xray 필터 예제
</DIV>
<BUTTON onclick="doPlay()" style="width:500">필터 효과를 위해 클릭해 보라</BUTTON>
<DIV id=show style="width:500;height:50;border:solid 1 blue;padding:3;font-size:80%">필터 표시창</DIV>