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

誰讓我呵護(hù) · 發(fā)表于 2009-4-5 23:37

我來了，來了，我?guī)砹俗约旱男牡谩?/FONT>

希望與你認(rèn)真探討，共同打造最美最動(dòng)人的音畫貼，愉悅他人，開心自己。

圖片霧化效果

圖片霧化或叫羽化效果，就是一張圖片只突出顯示中心的主要圖像，周邊朦朧淡化。fficeffice" />

下類代碼可非常方便的調(diào)整圖片的大小，即把寬度代碼參數(shù)450（width=450）、高度代碼參數(shù)400（height=400）改變了就行。

圓形霧化效果和矩形霧化效果代碼是一樣的，不同之處是：

把圓形霧化效果　style=2 改為:

矩形霧化效果　style=3

通常使用的是圓形霧化效果　style=2

為方便初學(xué)者，筆者將全部代碼形式一一列出展示。因?yàn)槲以诔鯇W(xué)時(shí)，就非常需要這樣明了完整的代碼。

說明：

1、本頁出現(xiàn)的圖片地址均為花卉：

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

2、出現(xiàn)的fiash地址分別為：http://imgfree.21cn.com/free/flash/3.swf

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

3、不管是圖片地址，還是fiash地址，都可根據(jù)自己需要隨意更換。但圖片地址最好用自己下載上傳的。如百度、網(wǎng)易等網(wǎng)站的圖片地址有時(shí)會(huì)因自保而失效。

附：圖片失效的后果

一、矩形霧化效果:

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