日誌圖片的幾種特別效果及其代碼

代碼詳解：

（圖一）<P><IMG style="FILTER: alpha(opacity=100,style=2)" src="https://www.getit01.com/getimg_360.php?url=http://b39.photo.store.qq.com/http_imgload.cgi?/rurl4_b=8c8449924a4a475a26920ef4ffca64a4a59759e9272254bc047eef1b6a983bf7a9387e91b2b7332608d07d7a61855e2061545e9f0c9a11642fdbed0534065d823d4bfc8ebce26a5a16e49087e86dd5286cfef6e0&amp;a=46&amp;b=39" width_=300>

（圖二）<P><IMG style="FILTER: alpha(opacity=30,style=2)" src="https://www.getit01.com/getimg_360.php?url=http://b39.photo.store.qq.com/http_imgload.cgi?/rurl4_b=8c8449924a4a475a26920ef4ffca64a4a59759e9272254bc047eef1b6a983bf7a9387e91b2b7332608d07d7a61855e2061545e9f0c9a11642fdbed0534065d823d4bfc8ebce26a5a16e49087e86dd5286cfef6e0&amp;a=46&amp;b=39" width_=300>

羽化範圍：（一）opacity=100 圖片（二）opacity=30

羽化方向：style=2圓周羽化，style=1右側羽化，style=3四周羽化，

你把上面的參數換一換，馬上就會有新奇的效果出現哦

波紋效果代碼：<img src="圖片地址" style="filter:wave(freq=11, strength=4, phase=6, lightstrength

黑白效果代碼：src="圖片地址" height=圖片寬 width_=圖片高 style="FILTER: fliph(color=#ffedff

圖片扭曲效果代碼：<div style="width:358;filter:wave(add=0,freq=1,lightStrength=20,phase=50,strength=20);"><img src="圖片地址" width_="圖片寬" height="圖片高"></div>

圖片翻轉效果代碼：<IMG src="圖片地址" style="FILTER: flipv(color=#ffedff)">

圖片浮雕效果代碼：<img src="圖片地址" style="filter:progid:DXImageTransform.Microsoft.Emboss()">

圖片翻面效果代碼：<div style="width:358;filter:flipH;"><img src="圖片地址" width_="圖片寬" height="圖片高

倒影效果代碼：

<P><IMG src="圖片地址" width_="圖片寬" height="圖片高"><BR><IMG id="reflection" src="同一圖片地址" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" width_="圖片寬" height="圖片高"

圖片插入音樂效果的代碼：

<DIV align=left><FONT size=1><P style="TEXT-INDENT: 2em" align=center><TABLE style="BACKGROUND-IMAGE: url(這裡插入圖片地址</STRONG>< table="table" ><BR><BR><TBODY><TR><TD align=left><P align=center><EMBED style="FILTER: alpha(opacity=1 Style=3 FinishOpacity=0)black()" height=0 type=video/x-ms-asf width_=0 src=這裡插入音樂地址?hazel allowscriptaccess="never" allownetworking="internal" invokeurls="false" loop="true" autostart="true" volume="0"></P></TD></TR><P></P></FONT></TBODY>

重影效果 <DIV align=center><DIV style="FILTER: blur(add=true,direction=219,strength=35); WIDTH: 圖片寬px"><IMG src="圖片地址" width_=圖片寬 height=圖片高></DIV></DIV>

多個圖片聯動代碼：

<TABLE cellSpacing=0 cellPadding=0 width_="70%" align=center border=0><TBODY><TR><TD align=middle><MARQUEE><P align=center><IMG src="圖片地址"></P></MARQUEE></TD><TD align=middle><MARQUEE><P align=center><IMG src="圖片地址"></P></MARQUEE></TD><TD align=middle><MARQUEE><P align=center><IMG src="圖片地址"></P></MARQUEE></TD><TD align=middle><MARQUEE><P align=center><IMG src="圖片地址"></P></MARQUEE></TD></TR></TBODY></TABLE></

水平翻轉照片代碼<P align=center><IMG height=251 src="圖片地址" width_=239 appendurl="1"><IMG style="FILTER: FlipH; WIDTH: 239px; HEIGHT: 251px" height=676 src="圖片地址" width_=954></P>
推薦閱讀：