CSS滤镜实现图片特效代码 2006-11-10 04:39

字号:    

一、图片静态倒影代码

效果:


代码如下:

<P align=center><IMG height=高度 src="图片地址" width=宽度><BR><IMG style="FILTER: wave
(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" height=高度 src="图片地址" width=宽度> </p>
绿色部分就是大家总问的居中代码,放在粉色代码中间的东西全部居中!

 

 

二、给图片加多层FLASH特效代码

 

代码如下:

<P align=center>
<TABLE height=表格高度 cellSpacing=0 cellPadding=0 width=宽度 background=图片地址 border=0>
<TBODY>
<TR>
<TD><EMBED align=right src=第一个FLASH地址 width=宽 height=高 type=application/octet-stream wmode="transparent" quality="high" ;;><EMBED align=right src=第二个地址 width=400 height=300 type=application/octet-stream wmode="transparent" quality="high" ;;>.......以此类推</EMBED></TD></TR></TBODY></TABLE></P>

 

三、图片雾化效果

 

代码如下:

<P align=center>
                        <TABLE border=0>
                        <TBODY>
                        <TR>
                        <TD style="FILTER: Alpha(opacity=100,style=2)"
                        width=420(图片宽度)
                        background=http://blog.163.com/photo/jINDCaTpRq7wWV9ZFNlTwg==/1144758730282242810.jpg(图片地址)
                        height=296(图片高度)>
                        </TD></TR></TOBDY></TBODY></TABLE></P>

 

加入多层FLASH特效后效果更佳!!如下:

 

 

 

 

 

四、图片百叶窗特效

 

 

代码如下:

<TABLE cellSpacing=0 cellPadding=0 width="70%" align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120><IMG src="http://blog.163.com/photo/jINDCaTpRq7wWV9ZFNlTwg==/1144758730282242810.jpg"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="http://blog.163.com/photo/jINDCaTpRq7wWV9ZFNlTwg==/1144758730282242810.jpg"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120><IMG src="http://blog.163.com/photo/jINDCaTpRq7wWV9ZFNlTwg==/1144758730282242810.jpg"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="http://blog.163.com/photo/jINDCaTpRq7wWV9ZFNlTwg==/1144758730282242810.jpg"></MARQUEE></TD></TR></TBODY></TABLE>

 

 调整scrollDelay=100 可以调整滑动速度

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
网易公司版权所有 ©1997-2009