用代码制作图片羽化效果

　　图片羽化也有的叫雾化，就是用图像软件或代码制作,使图片边缘产生朦胧的美化效果。代码作图片羽化的方法 很容易，用html贴图标签加入css样式表滤镜属性和属值语句即可．祥细内容如下：
　　⑴ html贴图标签： 　　
　　　<img src=.......width=宽度> 　　
　　⑵ css样式表滤镜属性和属值语句： 　　
　　　style="FILTER: alpha(opacity=100,style=2)" 　　
　　⑶ 用代码制作图片羽化模式： 　　
<img src="图片地" style="FILTER: alpha(opacity=100,style=2)"width=宽度> 　　
　　说明：
　　◆<img src=贴图标．
　　◆style=套用css样式表标记．
　　◆FILTER 属性名称:滤镜
　　◆alpha 属值:透明程度.
　　◆opacity 启始值0-100,0为透明,100为原图,通常是100．
　　◆style=2或3,羽化效果，2为圆形，3为矩形．　

---

　　图片羽化(圆形)代码实例：

<CENTER> <img src="http://bbs.gw.com.cn/UploadFile/2008-6/20086111653319630.jpg" style="FILTER: alpha(opacity=100,style=2)"width=300> </CENTER>

　　说明：
　　◆关键语句：opacity=100,style=2


　　显示效果：

---

　　图片羽化(矩形)代码实例：

<CENTER> <img src="http://bbs.gw.com.cn/UploadFile/2008-6/20086111653319630.jpg" style="FILTER: alpha(opacity=100,style=3)"width=300> </CENTER>

　　说明：
　　◆关键语句：opacity=100,style=3


　　显示效果：

---

　　羽化图片再加上移动标签，也可作各种方向移动，例如来回走的代码：

<marquee behavior=alternate><BR> <img src="http://bbs.gw.com.cn/UploadFile/2008-6/20086111653319630.jpg" style="FILTER: alpha(opacity=100,style=2)"width=300><BR> </marquee></p>

　　显示效果：

---

　　在羽化图片上还可用绝对定位加叠文字、图片和Flash等内容，代码如下：

<TABLE style="LEFT: -50px; WIDTH: 800px; POSITION: relative; TOP: 0px"> <TBODY> <TR> <TD style="FILTER: Alpha(opacity=100,style=3)" width=700 background=http://hiphotos.baidu.com/淡然的人生路途/pic/item/6b31ef2a35400b2a5343c1f5.jpg height=700> <DIV style="LEFT:300px; WIDTH: 750px; POSITION: absolute; TOP: 280px; HEIGHT: 300px"> <DIV style="FILTER: shadow(color=#000066, strength=10); WIDTH: 600px"> <font face=隶书 style=font:40pt;color=#00ff00><b> 草原牧埸 </b></font></DIV></DIV> <EMBED style="LEFT:10px; WIDTH: 750px; POSITION: absolute; TOP: 100px; HEIGHT: 300px" align=center src=http://imgfree.21cn.com/free/flash/59.swf width=750 height=300 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED> <EMBED style="LEFT: 10px; WIDTH: 600px; POSITION: absolute; TOP: 360px; HEIGHT: 300px" align=center src=http://www.easelq.cn/wode/flash/dongwu/lumi.swf width=600 height=250 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED> </TD></TR></TBODY></TABLE>

　　说明：
　　◆TABLE style=表格标签套用样式表标记．
　　◆POSITION: relative　样式表语句：相对定位，作为绝对定位的容框．
　　◆<TD style="FILTER: Alpha　在表格的列标签中套用样式表图片羽化．
　　◆<DIV style=　嵌套样式表绝对定位挂贴文字．
　　◆<EMBED style=套用样式表绝对定位挂贴Flash－飞雁．
　　◆<EMBED style=套用样式表绝对定位挂贴Flash－鹿．

　　显示效果：

草原牧埸

---