一些常用的图片滤镜效果

清音王梓

一.圆形朦胧

<TABLE style="FILTER: Alpha(opacity=100,style=2)" height=高度 cellSpacing=0 cellPadding=0 width=宽度 align=center background=图片地址 border=0>
<TBODY>
<TR>
<TD></TD>
</TR>
</TBODY>
</TABLE>

二:方形朦胧

<TABLE style="FILTER: Alpha(opacity=100,style=3)" height=图片高度 width=图片宽度 cellSpacing=0 cellPadding=0 width="100%" align=center background=图片地址 border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>

三:加滤镜1

<TABLE style="FILTER: blur(strength=100)" height=图片高度 cellSpacing=0 cellPadding=0 width=图片宽度 align=center background=图片地址 border=0>
<TBODY>
<TR>
<TD></TD>
</TR>
</TBODY>
</TABLE>

四:加滤镜2

<TABLE style="FILTER: gray" height=图片高度 cellSpacing=0 cellPadding=0 width=图片宽度 align=center background=图片地址 border=0>
<TBODY>
<TR>
<TD></TD>
</TR>
</TBODY>
</TABLE>

五:加滤镜3

<TABLE style="FILTER: invert" height=图片高度 cellSpacing=0 cellPadding=0 width=图片宽度 align=center background=图片地址 border=0>
<TBODY>
<TR>
<TD></TD>
</TR>
</TBODY>
</TABLE>

六:加滤镜4

<TABLE style="FILTER: xray" height=图片高度 cellSpacing=0 cellPadding=0 width=图片宽度 align=center background=图片地址 border=0>
<TBODY>
<TR>
<TD></TD>
</TR>
</TBODY>
</TABLE>

七:加滤镜5

<TABLE style="FILTER: wave(add=add,freq=2,lightstrength=50,phase=45,strength=10)" height=图片高度 cellSpacing=0 cellPadding=0 width=图片宽度 align=center background=图片地址 border=0>
<TBODY>
<TR>
<TD></TD>
</TR>
</TBODY>
</TABLE>

注：此滤镜可以直接加在 <img>代码中只需要把写成<img style="'>把style复制既可以！大家可以多试试！

笑寒

添加看看效果

代码:

<DIV style=\"FILTER: Alpha(opacity=100,finishOpacity=0,style=1); WIDTH: 400px; HEIGHT: 256px; moz-opacity: 1\"><IMG height=256 src=\"http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg\" width=400 border=0></DIV>

笑寒

呵呵~~效果还可以,那就再来添加: 模糊:

代码:

<div style=\"filter:Blur(direction=135,color=#FFFFFF);width:410;height:281\" align=center><br><img src=\"http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg\" height=\"256\" width=\"400\" border=\"0\"></div>

水波:

代码:

<div style=\"filter:Wave(freq=7,strength=12,lightstrength=5,phase=0);width:410;height:281\" align=center><br><img src=\"http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg\" height=\"256\" width=\"400\" border=\"0\"></div>

阴影:

代码:

<div style=\"filter:Shadow(direction=135,color=#4A7AC9);width:424;height:290\" align=center><br><img src=\"http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg\" height=\"256\" width=\"400\" border=\"0\"></div>

发光:

代码:

<div style=\"filter:Glow(strength=12,color=#4A7AC9);width:424;height:290\" align=center><br><img src=\"http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg\" height=\"256\" width=\"400\" border=\"0\"></div>

翻转:

代码:

<div style=\"filter:FlipH();width:400;height:256\"><img src=\"http://www.yinhuabbs.cn/attachments/month_0712/20071222_21a4135d5810420ee5cdZNwr6Zqlwbxf.jpg\" height=\"256\" width=\"400\" border=\"0\"></div>

飞雪残月

[ 本帖最后由 feixuecanyue 于 2008-1-11 15:10 编辑 ]

飞雪残月

学习了,多谢王子~~~~~~~~~~~

雄杰独倚

笑寒也在这里啊!到处都能听到你的大名呢

雄杰独倚

收藏起来了 谢谢楼主

无名

border=0>

雄杰独倚

楼上的，怎么了！有问题吗？？