alpha 필터

 

-- alpha 필터 -- 이미지에 마우스를 대어봄 효과를 알수있어요 ^^&
sesillia	sesillia	sesillia	sesillia
opacity=80	opacity=50	opacity=30	opacity=0

 

<center><table align=center width="580" border="1" cellspacing="5" cellpadding="5" height="150" bordercolordark="#999999" bordercolorlight="black"><tr>
<td height="49" valign="top" onmouseover="this.style.filter='alpha(opacity=80)'" onmouseout="this.style.filter='alpha(opacity=100)'" colspan="4" bgcolor="white" bordercolor="#666666" bordercolorlight="#666666" width="556" >
<center><font-size:11pt><font face="굴림" color="black"><b>-- alpha 필터  --<span style="font-size:11pt;">
                    </span></b><font-size:10pt;"><br><span style="font-size:10pt;">이미지에 마우스를 대어봄 효과를 알수있어요 ^^&<br>  </span></font></center></td>        </tr>
<tr>
<td height="180" valign="top" background="http://lia.pe.kr/java Tip/imge/2183725.jpg" onmouseover="this.style.filter='alpha(opacity=80)'" onmouseout="this.style.filter='alpha(opacity=100)'" width="128" >
<p align=right> <font color=ffffff><span style="font-size:10pt;">sesillia </span></font> </p>
</td>
<td height="150" valign="top" background="http://lia.pe.kr/java Tip/imge/2183725.jpg" onmouseover="this.style.filter='alpha(opacity=50)'" onmouseout="this.style.filter='alpha(opacity=100)'" width="128" >
<p align=right> <font color=ffffff><span style="font-size:10pt;">sesillia</span></font>
</td>
<td height="150" valign="top" background="http://lia.pe.kr/java Tip/imge/2183725.jpg" onmouseover="this.style.filter='alpha(opacity=30)'" onmouseout="this.style.filter='alpha(opacity=100)'" width="127" >
<p align=right> <font color=ffffff><span style="font-size:10pt;">sesillia</span></font> </td>
<td height="150" valign="top" background="http://lia.pe.kr/java Tip/imge/2183725.jpg" onmouseover="this.style.filter='alpha(opacity=0)'" onmouseout="this.style.filter='alpha(opacity=100)'" width="122" >
<p align=right> <font color=ffffff><span style="font-size:10pt;">sesillia</span></font> </p></td>
        </tr>
<tr>
<td height="30" align=center valign="middle" bgcolor="#CCCCCC" bordercolor="#CCCCCC" bordercolordark="#CCCCCC" width="128"> <font color=blue><b><span style="font-size:10pt;">opacity=80 </span></b></font></td>
<td height="30" align=center valign="middle" bgcolor="#CCCCCC" bordercolor="#CCCCCC" bordercolordark="#CCCCCC" width="128"> <font color=blue><b><span style="font-size:10pt;">opacity=50 </span></b></font></td>
<td height="30" align=center valign="middle" bgcolor="#CCCCCC" bordercolor="#CCCCCC" bordercolordark="#CCCCCC" width="127"> <font color=blue><b><span style="font-size:10pt;">opacity=30 </span></b></font></td>
<td height="30" align=center valign="middle" bgcolor="#CCCCCC" bordercolor="#CCCCCC" bordercolordark="#CCCCCC" width="122"> <font color=blue><b><span style="font-size:10pt;">opacity=0 </span></b></font></td>
</tr></table>