网易博客代码(四)(图片类)5部分

网易博客代码(四)(图片类)

五、CSS滤镜实现图片特效（模糊倒影+雾化+多层FLASH特效+百叶窗）

1.图片静态倒影代码

<Palign=center><IMG height=高度 src="图片地址" width=宽度><BR><IMG style="FILTER:wave

(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()"height=高度 src="图片地址" width=宽度> </p>

说明：

修改其中的图片地址和高度宽度即可。

2.给图片加多层FLASH特效代码

<Palign=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=300type=application/octet-stream wmode="transparent" quality="high";;>.......以此类推</EMBED></TD></TR></TBODY></TABLE></P>

说明：

修改代码中的汉字为自己想要的。

3.图片雾化效果

< TD>

<Palign=center>

<TABLE border=0>

<TBODY>

<TR>

<TD style="FILTER: Alpha(opacity=100,style=2)"

width=420

background=图片地址                       height=296

</TD></TR></TOBDY></TBODY></TABLE></P>

4.图片百叶窗特效

<TABLEcellSpacing=0 cellPadding=0 width="70%" align=centerborder=0>

<TBODY>

<TR>

<TD align=middle>

<MARQUEE scrollAmount=1 scrollDelay=100 direction=rightwidth=120><IMG src="第一个图片地址"></MARQUEE></TD>

<TD align=middle>

<MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMGsrc="第二个图片地址"></MARQUEE></TD>

<TD align=middle>

<MARQUEE scrollAmount=1 scrollDelay=100 direction=rightwidth=120><IMG src="第三个图片地址"></MARQUEE></TD>

<TD align=middle>

<MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMGsrc="第四个图片地址"></MARQUEE></TD></TR></TBODY></TABLE>

说明：

修改代码中的汉字为自己想要的。调整scrollDelay=100可以调整滑动速度