爱吧音乐花园 » 「唯美音画」 » 用HTML代码做抽丝效果

紫桐 发表于 2007-1-5 01:12

用HTML代码做抽丝效果

效果：
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: wave(add=true,freq=100,lightstrength=100,phase=4,strength=5)" width=524 background=http://jyd.eidensha.com/UploadFile/2006-8/200681115433473280.jpg height=620></TD></TR></TBODY></TABLE>[quote]
<DIV class="subtable altbg2 t_msg" style="WIDTH: auto; HEIGHT: auto">代码如下:<BR><BR>&lt;BR&gt;&lt;/B&gt;&lt;BR&gt;&lt;BR&gt;<BR>&lt;TABLE border=0&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD style="FILTER: wave(add=true,freq=100,lightstrength=100,phase=4,strength=5)" width=524 background=http://jyd.eidensha.com/UploadFile/2006-8/200681115433473280.jpg height=620&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;</DIV>[/quote]

紫桐 发表于 2007-1-5 01:14

<P>代码说明: </P>
<P>add=true 表示打乱对象; </P>
<P>Freq 参数指生成波纹的频率，也就是指定在对象上共需要产生多少个完整的波纹</P>
<P>LightStrength 参数是为了使生成的波纹增强光的效果。</P>
<P>参数值可以从0到100 Phase 参数用来设置正弦波开始的偏移量。这个值的通用值为0，它的可变范围为从0到100。这个值代表开始时的偏移量占波长的百分比。比如该值为25，代表正弦波从90度（360*25%）的方向开始。 strength 表示振幅</P>

紫桐 发表于 2007-1-5 01:16

<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: wave(add=true,freq=100,lightstrength=100,phase=4,strength=5)" width=1024 background=http://www.hahawang.com/tupian/gw/20041212/43/3.jpg height=690></TD></TR></TBODY></TABLE>[quote]代码如下:<BR><BR>&lt;TABLE border=0&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD style="FILTER: wave(add=true,freq=100,lightstrength=100,phase=4,strength=5)" width=1024 background=http://www.hahawang.com/tupian/gw/20041212/43/3.jpg height=690&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;[/quote]

龙族 发表于 2007-1-5 02:30

学习了。

浪漫咖啡 发表于 2007-1-6 20:01

产生的波纹是动的还是静的 ？
稀疏些就是百叶窗效果吧？

花香凝露 发表于 2007-1-6 22:53

产生的波纹不是动的，这是利用css滤镜产生的效果，百叶窗效果是动态的，是利用java实现的，这个不能实现动态

梦里柳地 发表于 2008-1-28 20:52

学习了。学习了。学习了。

梦里柳地 发表于 2008-1-28 20:54

转贴一个

<DIV class=t_msgfont id=message6585>
<DIV class=t_msgfont id=message1233843>
<DIV style="LEFT: -200px; WIDTH: 970px; POSITION: relative; TOP: 180px">
<TABLE style="BORDER-LEFT-COLOR: #336666; BORDER-BOTTOM-COLOR: #336666; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #336666; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #336666; BORDER-BOTTOM-STYLE: ridge" height=663 cellSpacing=0 cellPadding=0 width=970 border=14>
<TBODY>
<TR>
<TD>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: wave(add=true,freq=200,lightstrength=100,phase=1,strength=2)" width=970 background=http://bbs.caolu.org/UploadFile/2005-12/20051241953910156.jpg height=663>
<TABLE style="LEFT: 200px; WIDTH: 600px; POSITION: relative; TOP: 50px" border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=3)" align=middle width=600 background=http://bbs.caolu.org/UploadFile/2005-12/200512421375935154.jpg height=600 border="0"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV><EMBED style="LEFT: 0px; WIDTH: 900px; POSITION: absolute; TOP: 500px; HEIGHT: 600px" src=http://www.53520.com/bbs/tp/flash/78.swf width=850 height=400 type=application/octet-stream wmode="transparent" quality="high"></EMBED /><EMBED src=http://music.wutongxia.com/music/yc/dandanxiangni.wma width=1 height=1 type=audio/mpeg loop="-1" autostart="true" volume="0">
<DIV></DIV><BR><BR><BR><BR><BR><BR><BR></SPAN><BR><BR><BR><BR><BR><BR><BR></DIV></DIV>

用名 发表于 2008-1-31 08:51

是这样吗?... <BR></B><BR><BR>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: wave(add=true,freq=100,lightstrength=100,phase=4,strength=5)" width=524 background=http://cndesk.com/Pics/GenericPics/10_PicStore/44_ysck/106_xkzt/CNDESK_325k3vk0607235620.jpg height=620></TD></TR></TBODY></TABLE>

查看完整版本: 用HTML代码做抽丝效果