(原创制作者:游子。供初学HTML代码的朋友参考)
图片雾化的贴图方法。
图片雾化或叫羽化效果,就是一张图片只突出显示中心的主要图像,
周边朦胧淡化。方法有通常使用的代码和简化的代码. 二种雾化代码模式:
图片雾化通常使用的代码和简化的代码:
通常使用的代码:
<TABLE border=0> <TR> <TD style="FILTER:Alpha(opacity=100,style=2)" width=450 height=600 background=图片地址 > </TD></TR></TABLE> <br><br>
简化的代码:
<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=450 src="图片地址"INPUT>
原创制作者:游子。 |
|
下面是一张美女图片和图片地址:

http://pic.yesky.com/picupload1/20050725/162238/
4019006.jpg

图片雾化通常使用的代码:
图片雾化通常使用的代码:
<TABLE border=0> <TR> <TD style="FILTER:Alpha(opacity=100,style=2)" width=450 height=600 background=http://pic.yesky.com/picupload1/ 20050725/162238/4019006.jpg > </TD></TR></TABLE> <br><br>
原创制作者:游子。 |
|
通常使用的代码显示结果:
简化的图片雾化代码:
简化的图片雾化代码:
<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=450 src="http://pic.yesky.com/picupload1/20050725/ 162238/4019006.jpg"INPUT>
【说明 】 这种代码可非常方便的调整图片的大小,即把代码 宽度参数(width=450)改变了就行。
原创制作者:游子。 |
|
简化的代码显示结果:

圆形雾化效果和矩形雾化效果代码是一样的,不同之处是: 把圆形雾化效果 style=2 改为: 矩形雾化效果 style=3 通常使用的是圆形雾化效果 style=2 .


|