用代码做溶图效果和图片优化处理

龙儿发表于 2008-5-18 16:58

、如何用代码进行图片溶图效果
<P>以下图为例:<A title=点击图片看全图 href="http://bbs.cctv118.com/flash/baihe/qidao/baiheyh.jpg" target=_blank></P>
<P align=center><IMG alt="" src="http://bbs.cctv118.com/flash/baihe/qidao/baiheyh.jpg" onload="javascript:if(this.width>screen.width-333)this.width=screen.width-333" border=0></A><BR></P>
<P align=center>一.圆形朦胧;</P>
<TABLE style="FILTER: Alpha(opacity=100,style=2)" height=312 cellSpacing=0 cellPadding=0 width=410 align=center background=http://bbs.cctv118.com/flash/baihe/qidao/baiheyh.jpg <TBODY>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
<P> </P>
<P>代码如下:</P>
<P><TABLE style="FILTER: Alpha(opacity=100,style=2)" height=312 cellSpacing=0 cellPadding=0 width=410 align=center background=<FONT color=#dc143c>http://bbs.cctv118.com/flash/baihe/qidao/baiheyh.jpg border=0></FONT><BR><TBODY><BR><TR><BR><TD></TD></TR></TBODY></TABLE></P>
<P>效果二:方形朦胧</P>
<P> </P>
<TABLE style="FILTER: Alpha(opacity=100,style=3)" height=312 cellSpacing=0 cellPadding=0 width=410 align=center background=http://bbs.cctv118.com/flash/baihe/qidao/baiheyh.jpg <TBODY>
<TBODY>
<TR>
<TD> </TD></TR></TBODY></TABLE>
<P> </P>
<P>代码如下:</P>
<P><TABLE style="FILTER: Alpha(opacity=100,style=3)" height=312 width=410 cellSpacing=0 cellPadding=0 width="100%" align=center background=<FONT color=#dc143c>http://bbs.cctv118.com/flash/baihe/qidao/baiheyh.jpg border=0><BR></FONT><TBODY><BR><TR><BR><TD></TD></TR></TBODY></TABLE></P>
<P>二、图片优化处理:</P>
<P>加滤镜1</P>
<P> </P>
<TABLE style="FILTER: blur(strength=100)" height=312 cellSpacing=0 cellPadding=0 width=410 align=center background=http://bbs.cctv118.com/flash/baihe/qidao/baiheyh.jpg <TBODY>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
<P> </P>
<P>代码如下：</P>
<P><TABLE style="FILTER: blur(strength=100)" width=410 height=312 cellSpacing=0 cellPadding=0 align=center background=<FONT color=#dc143c>http://bbs.cctv118.com/flash/baihe/qidao/baiheyh.jpgborder=0><BR></FONT><TBODY><BR><TR><BR><TD></TD></TR></TBODY></TABLE></P>
<P>加滤镜2</P>
<P> </P>
<TABLE style="FILTER: gray" height=312 cellSpacing=0 cellPadding=0 width=410 align=center background=http://bbs.cctv118.com/flash/baihe/qidao/baiheyh.jpg <TBODY>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
<P> </P>
<P>代码如下;</P>
<P><TABLE style="filter:gray" width=410 height=312 cellSpacing=0 cellPadding=0 align=center background=<FONT color=#dc143c>http://bbs.cctv118.com/flash/baihe/qidao/baiheyh.jpg border=0><BR></FONT><TBODY><BR><TR><BR><TD></TD></TR></TBODY></TABLE></P>
<P>加滤镜3</P>
<P> </P>
<TABLE style="FILTER: invert" height=312 cellSpacing=0 cellPadding=0 width=410 align=center background=http://bbs.cctv118.com/flash/baihe/qidao/baiheyh.jpg <TBODY>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
<P> </P>
<P>代码如下:</P>
<P><TABLE style="filter:invert" width=410 height=312 cellSpacing=0 cellPadding=0 align=center background=<FONT color=#dc143c>http://bbs.cctv118.com/flash/baihe/qidao/baiheyh.jpg border=0><BR></FONT><TBODY><BR><TR><BR><TD></TD></TR></TBODY></TABLE></P>
<P>加滤镜4</P>
<TABLE style="FILTER: xray" height=312 cellSpacing=0 cellPadding=0 width=410 align=center background=http://bbs.cctv118.com/flash/baihe/qidao/baiheyh.jpg <TBODY>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
<P> </P>
<P>代码如下:</P>
<P><TABLE style="FILTER: xray" height=312 cellSpacing=0 cellPadding=0 width=410 align=center background=<FONT color=#dc143c>http://bbs.cctv118.com/flash/baihe/qidao/baiheyh.jpg border=0><BR></FONT><TBODY><BR><TR><BR><TD></TD></TR></TBODY></TABLE></P>
<P>加滤镜5</P>
<TABLE style="FILTER: wave(add=add,freq=2,lightstrength=50,phase=45,strength=10)" height=312 cellSpacing=0 cellPadding=0 width=410 align=center background=http://bbs.cctv118.com/flash/baihe/qidao/baiheyh.jpg <TBODY>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
<P> </P>
<P>代码如下:</P>
<P><TABLE style="filter:wave(add=add,freq=2,lightstrength=50,phase=45,strength=10)" width=410 height=312 cellSpacing=0 cellPadding=0 align=center background=<FONT color=#dc143c>http://bbs.cctv118.com/flash/baihe/qidao/baiheyh.jpg border=0><BR></FONT><TBODY><BR><TR><BR><TD></TD></TR></TBODY></TABLE></P>
<P><FONT color=#0000ff size=4>使用方法:打开编辑框,点一下编辑框下的源代码,把图片下面这些代码粘贴进编辑框里,点一下预览就可以看见效果了.记得把代码里的图片地址换成自己的哦.我把要换的地址换成了红色,只要删掉代码里红色的部分,把自己用的图片地址换上就可以了.</FONT></P><BR>

恬心嫣然 发表于 2008-5-22 17:13

还不是很懂，进来学习下，希望楼主多多提供，在此非常感谢！

龙儿发表于 2008-5-25 09:34

回复 2# 的帖子

不客气

昊儿发表于 2008-6-26 22:11

呵呵，挺有意思，谢谢分享，学习了

指尖的雪 发表于 2008-7-13 08:29

讲解很详细，学习了，感谢龙儿

指尖的雪 发表于 2008-7-13 08:38

一剑飘香红 发表于 2008-7-21 10:44

复制一个看看
<TABLE style=\"filter:wave(add=add,freq=2,lightstrength=50,phase=45,strength=10)\" width=410 height=312 cellSpacing=0 cellPadding=0 align=center background=http://bbs.cctv118.com/flash/baihe/qidao/baiheyh.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>

白雪皑皑 发表于 2008-7-23 21:17

谢谢龙儿的教程。

一剑飘香红 发表于 2008-7-23 23:48

一剑飘香红 发表于 2008-7-23 23:50

页: [1] 2

中画网's Archiver

用代码做溶图效果和图片优化处理

回复 2# 的帖子