【心得】关于图片雾化的操作放法

谁让我呵护

图片雾化效果 

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

下类代码可非常方便的调整图片的大小，即把宽度代码参数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雾化效果：

代码如下：

  < align=center>

  <table border=0>

    <tr>

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

      <><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效果：

代码如下：

  < 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雾化效果

代码如下：

  < align=center>

  <table border=0>

    <tr>

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

      <><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雾化效果：

代码如下：

< align=center>

<table border=0>

<tr>

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

<><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>

<><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;">

梨花雨

沙发? 顶一个好教程，代码高手啊~ 学习了~~~~ 楼主辛苦了~~~~~~

【酷形生】

首先谢谢朋友的分享~~~
但个人认为 代码贴的效果没有FLASH那么灵活多变~~~