與你探討：圖片霧化的制作方法及代碼（適合初學者）

誰讓我呵護 · 發表于 2009-4-5 23:37

我來了，來了，我帶來了自己的心得。

希望與你認真探討，共同打造最美最動人的音畫貼，愉悅他人，開心自己。

圖片霧化效果

圖片霧化或叫羽化效果，就是一張圖片只突出顯示中心的主要圖像，周邊朦朧淡化。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>

<tr>

</tr>

</TOBDY>

</table>

</P>

2、加一層透明FLASH霧化效果

代碼如下：

< align=center>

<tr>

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

代碼如下：

<tr>

</tr>

</TOBDY>

</table>

</P>

二、橢圓形霧化效果:

1、沒有加透明FLASH效果：

代碼如下：

<tr>

</tr>

</TOBDY>

</table>

</P>

2、加一層透明FLASH霧化效果

代碼如下：

<tr>

</tr>

</TOBDY>

</table>

</P>

3、加兩層透明FLASH霧化效果：

代碼如下：

<tr>

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