与你探讨：图片雾化的制作方法及代码 （适合初学者）

谁让我呵护

我来了，来了，我带来了自己的心得。

希望与你认真探讨，共同打造最美最动人的音画贴，愉悦他人，开心自己。

图片雾化效果

图片雾化或叫羽化效果，就是一张图片只突出显示中心的主要图像，周边朦胧淡化。fficeffice" />

下类代码可非常方便的调整图片的大小，即把宽度代码参数450（width=450）、高度代码参数400（height=400）改变了就行。

圆形雾化效果和矩形雾化效果代码是一样的，不同之处是：

把圆形雾化效果　style=2 改为:

矩形雾化效果　style=3

通常使用的是圆形雾化效果　style=2

为方便初学者，笔者将全部代码形式一一列出展示。因为我在初学时，就非常需要这样明了完整的代码。

说明：

1、本页出现的图片地址均为花卉：

">http://bbs.chelder.com.cn/UpFile/UpAttachment/2009-3/2009331233529.jpg

2、出现的fiash地址分别为：http://imgfree.21cn.com/free/flash/3.swf

http://imgfree.21cn.com/free/flash/16.swf 等。

3、不管是图片地址，还是fiash地址，都可根据自己需要随意更换。但图片地址最好用自己下载上传的。如百度、网易等网站的图片地址有时会因自保而失效。

附：图片失效的后果

一、矩形雾化效果:

1、没有加透明FLASH雾化效果

代码如下：

< align=center>

<table border=0>

<tr>

<td style="FILTER: Alpha(opacity=100,style=3)" width=500 background=图片地址 height=400></td>

</tr>

</TOBDY>

</table>

</P>

2、加一层透明FLASH雾化效果

代码如下：

< align=center>

<table border=0>

<tr>

<td style="FILTER: Alpha(opacity=100,style=3)" width=500 background=图片地址 height=400>

<><B><EMBED align=right src=fiash地址 width=380 height=400 type=application/octet-stream wmode="transparent" quality="high"></EMBED></B></P></td>

</tr>

</TOBDY>

</table>

</P>

3、加两层透明FLASH雾化效果：

代码如下：

<P align=center>

<table border=0>

<tr>

<td style="FILTER: Alpha(opacity=100,style=3)" width=350 background=图片地址 height=400>

<P><B><EMBED align=right src=fiash地址 width=350 height=400 type=application/octet-stream wmode="transparent" quality="high"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=fiash地址 width=350 height=400 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></B></P></td>

</tr>

</TOBDY>

</table>

</P>

二、椭圆形雾化效果:

1、没有加透明FLASH效果：

代码如下：

<P align=center>

<table border=0>

<tr>

<td style="FILTER: Alpha(opacity=100,style=2)" width=500 background=图片地址 height=400></td>

</tr>

</TOBDY>

</table>

</P>

2、加一层透明FLASH雾化效果

代码如下：

<P align=center>

<table border=0>

<tr>

<td style="FILTER: Alpha(opacity=100,style=2)" width=500 background=图片地址 height=400>

<P><B><EMBED align=right src=fiash地址 width=420 height=296 type=application/octet-stream quality="high" wmode="transparent"></EMBED></B></P></td>

</tr>

</TOBDY>

</table>

</P>

3、加两层透明FLASH雾化效果：

代码如下：

<P align=center>

<table border=0>

<tr>

<td style="FILTER: Alpha(opacity=100,style=2)" width=500 background=图片地址 height=400>

<P><B><EMBED align=right src=fiash地址 width=500 height=400 type=application/octet-stream quality="high" wmode="transparent"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=fiash地址 width=500 height=400 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></B></P></td>

</tr>

</TOBDY>

</table>

</P>

三、加边框图片代码

代码如下：

<BR>

<P><A href=0target=_blank><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" onclick=javascript:window.open(this.src); src=图片地址 onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;"></A></P></TD></TR></TBODY></TABLE>

" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;">

风中的蝴蝶

太好了，清楚明了，我转走了，谢谢朋友。很想认识你，共同学习代码，我的QQ：569474903，蝴蝶期待朋友的握手！

梦远

[ 本帖最后由 梦远 于 2010-7-30 11:20 编辑 ]

风中倩影

谢谢分享, 好好学习....