日志图片的几种特别效果及其代码

代码详解：

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

（图二）
<P><IMG style="FILTER: alpha(opacity=30,style=2)" src="http://b39.photo.store.qq.com/http_imgload.cgi?/rurl4_b=8c8449924a4a475a26920ef4ffca64a4a59759e9272254bc047eef1b6a983bf7a9387e91b2b7332608d07d7a61855e2061545e9f0c9a11642fdbed0534065d823d4bfc8ebce26a5a16e49087e86dd5286cfef6e0&amp;a=46&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>