網(wǎng)易博客代碼(四)(圖片類)5部分

昵稱1113461 2010-05-28

展開全文

五、CSS濾鏡實(shí)現(xiàn)圖片特效（模糊倒影+霧化+多層FLASH特效+百葉窗）

1.圖片靜態(tài)倒影代碼

網(wǎng)易博客代碼(四)(圖片類)5部分 - 香兒 - 香兒

<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>

說明：

修改代碼中的漢字為自己想要的。調(diào)整scrollDelay=100可以調(diào)整滑動速度

本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點(diǎn)擊一鍵舉報。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來自：昵稱1113461 > 《我的圖書館》

舉報/認(rèn)領(lǐng)