<SCRIPT>
var str='';
for (i=0;i<=100;i+=5){
  str+='<BUTTON style="filter:Alpha(opacity='+i+',Style=1);width:120" ';
  str+='onclick="showOpa.innerHTML=this.style.filter+\' Enabled=(\'+this.filters[0].Enabled+\'), ';
  str+='Style=(\'+this.filters[0].Style+\')\'">opacity='+i+'</BUTTON>'
  if ((i+5)%25==0) str+='<BR>';
}
str+='<SPAN id=showOpa style="border:solid 1 blue;color:blue;width:400;text-align:center;background:fef">';
str+='단추를 클릭하면 필터가 나타나는 표시창</SPAN>';
document.write(str);
</SCRIPT>

<TABLE border=1>
<TR>
<TD><IMG src="http://trio.co.kr/gif/triov.jpg" onMouseOver="show.innerHTML='필터 없는 원본 이미지'"></TD>
<TD><IMG src="http://trio.co.kr/gif/triov.jpg" style="filter:Alpha(style=0,opacity=50)"
  onMouseOver="show.innerHTML=this.style.filter"></TD>
<TD><IMG src="http://trio.co.kr/gif/triov.jpg" style="filter:Alpha(style=1,opacity=100,finishopacity=0)"
  onMouseOver="show.innerHTML=this.style.filter"></TD>
<TD><IMG src="http://trio.co.kr/gif/triov.jpg" style="filter:Alpha(style=2,opacity=100,finishopacity=0)"
  onMouseOver="show.innerHTML=this.style.filter"></TD>
<TD><IMG src="http://trio.co.kr/gif/triov.jpg" style="filter:Alpha(style=2,opacity=100,finishopacity=30)"
  onMouseOver="show.innerHTML=this.style.filter"></TD>
<TD><IMG src="http://trio.co.kr/gif/triov.jpg" style="filter:Alpha(style=3,opacity=100,finishopacity=0)"
  onMouseOver="show.innerHTML=this.style.filter"></TD>
</TR>
<TR>
<TD colspan=6 style="color:blue;font-size:110%;text-align:center">이미지에 마우스 오버로 필터 표시</TD>
</TR>
<TR>
<TD colspan=6 id=show style="width:600;height:25;border:solid 1 blue;padding:3">필터 표시창</TD>
</TR>
</TABLE>