空間日志特效代碼

燕子559 2014-05-02

展開全文

空間日志特效代碼

1、圖片右側羽化代碼：

<center><img src="圖片地址" style="filter=alpha(opacity=100,style=1,finishopacity=0)"></center>

羽化效果示例：

2、圖片圓周羽化代碼：

<center><img src="圖片地址" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>

羽化效果示例：

3、圖片四周羽化代碼：
<center><img src="圖片地址" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center>

羽化效果示例：

注：通過觀察，我們能夠看出，以上三種羽化效果的代碼其實是“一樣”的，不同的地方只有一處，即是style=后面的阿拉伯數(shù)字分別為1、2、3。

在以上代碼中，opacity=后面的數(shù)據(jù)是羽化范圍，style=的數(shù)據(jù)是羽化方向：=1是右側羽化，=2是圓周羽化，=3是四周羽化。

4、圖片黑白效果代碼：

<img src="圖片地址" style="filter:'gray'">

效果示例：

5、X光效果（底片）代碼：
<img src="圖片地址" style="filter:'xray'">

效果示例：

6、浮雕效果代碼：
<img src="圖片地址" style="filter:progid:DXImageTransform.Microsoft.Emboss()">

效果示例：

7、上下顛倒（垂直翻轉）代碼：
<img src="圖片地址" style="filter:flipv">

效果示例：

8、左右顛倒（水平翻轉）代碼：
<img src="圖片地址" style="filter:fliph">

效果示例：

9、色彩顛倒代碼：
<img src="圖片地址" style="filter:invert">

效果示例：

10、粒狀陰影代碼：
<img src="圖片地址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)">

效果示例：

11、水波效果代碼：
<img src="圖片地址" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)">

效果示例：

12、倒影代碼:
<P align=center><IMG style="WIDTH: 420px; HEIGHT: 280px" height=280 src="圖片地址" width=420></IMG><BR><IMG style="FILTER: wave(strength=5,freq=15,phase=0,lightstrength=10) blur() flipv(); WIDTH: 420px; HEIGHT: 200px" height=200 src="圖片地址" width=420></P>

效果示例：

注：strength=5,這數(shù)值是倒影邊緣齒的深度。freq=15,這數(shù)值是倒影的行數(shù)，phase=0,lightstrength=20這數(shù)值是水紋線條的加深度。兩個圖片是同一個地址。

13、移動的羽化代碼
<marquee behavior=alternate><BR>
<img src="圖片地址" style="FILTER: alpha(opacity=100,style=3)"width=300><BR></marquee></p>

注：根據(jù)羽化喜好設置style=后的數(shù)值。

效果示例：

14、多張圖片滾動（百葉窗）代碼：
<TABLE cellSpacing=0 cellPadding=0 width="70%" align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="圖片地址"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="圖片地址"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="圖片地址"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="圖片地址"></P></MARQUEE></TD></TR></TBODY></TABLE></P>

效果示例：

15、圖片重影效果
<DIV align=center>
<DIV style="FILTER: blur(add=true,direction=219,strength=35); WIDTH: 圖片寬px"><IMG src="圖片地址" width=圖片寬 height=圖片高></DIV></DIV>

效果示例：

16、多張圖片組合代碼：

素材圖片1

素材圖片2

    使用的穿越代碼：

<DIV style="LEFT: 50px; POSITION: absolute; TOP: 30px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="圖片地址" width=600>
    說明：
     LEFT: 50px為橫坐標，表示圖片顯示的左右位置；TOP: 30px為縱坐標，表示圖片顯示的上下位置；width=600表示圖片的大小。

    使用方法：

    1、在日志編輯框中插入將作為組圖背景的圖片。

    2、點“高級”后再點HTML，復制以上穿越代碼，然后在已經插入的圖片的代碼下面粘貼穿越代碼。

    3、復制想組合在背景圖片上面的圖片的鏈接地址，粘貼在穿越代碼的“圖片地址”處。

    4、調整穿越代碼中的橫、縱坐標以及圖片的大小。

效果示例：

17、圖片扭曲效果代碼：
<div style="width:358;filter:wave(add=0,freq=1,lightStrength=20,phase=50,strength=20);"><img src="圖片地址" width="圖片寬" height="圖片高"></div>

效果示例：

18、滾動圖片加超鏈接代碼：
<MARQUEE behavior=alternate><A href="超鏈接地址" target=blank><IMG src="圖片地址"></A></MARQUEE>
效果示例（點擊這張移動的圖片，即可進入我的QQ空間）：

19、改變圖片大小的代碼：

<P align=center><IMG height="圖片高度" src="圖片地址" width= "圖片寬度">

效果示例：

20、圖中圖滾動代碼：

<TABLE style="BACKGROUND-IMAGE: url(底圖地址)" borderColor=#cccccc height=底圖高 cellPadding=8 width=底圖寬 align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>
<MARQUEE>
<TABLE style="FILTER: Alpha(opacity=300,style=2); BACKGROUND-IMAGE: url(滾動圖片地址)" borderColor=#cccccc height=滾動圖片高 cellSpacing=8 cellPadding=8 width=滾動圖片寬 align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>
<P> </P>
<P></P></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE>
<P></P>
<P> </P>
<P> <STRONG><FONT color=#ff66ff size=4></P>
<DIV align=center>
<DIV align=center>
<DIV align=center>
<DIV align=center> </DIV></DIV></DIV></FONT></STRONG></DIV>

效果示例：

21、彩色字代碼：
<div align=center>
<FONT color=#336699 size=7>
<table style="BACKGROUND-IMAGE: url(閃動圖片)" cellSpacing=0 cellPadding=0 align=center table="table" tbody="tbody"><TR><TD style="FILTER: chroma(color=#336699)">
<table style="BACKGROUND-IMAGE: url(背景圖片)" align=center table="table" tbody="tbody"><TR><TD align=middle><P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 45pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷體_gb2312 color=#336699><B>輸入的文字 </B></FONT></p>
</TD></TR>
</table>
</TD></TR>
</table>

效果示例：

香山紅葉祝你開心快樂每一天

22、長卷畫無縫隙滾動代碼：
<P><FONT color=#000080> </FONT></P>
<P><FONT color=#000080>      </FONT><A href="http://user.qzone.qq.com/513713613/main"><FONT color=#000080></FONT></A></P>
<BLOCKQUOTE>
<MARQUEE scrollAmount=3 scrollDelay=69><IMG title="" height=380 alt="" src="圖片地址1" width=1520><IMG title="" height=380 alt="" src="圖片地址2" width=1520><IMG title="" height=380 alt="" src="圖片地址3" width=1520><IMG title="" height=380 alt="" src="圖片地址4" width=1520><IMG title="" height=380 alt="" src="圖片地址5" width=1520><IMG title="" height=380 alt="" src="圖片地址6" width=1520><IMG title="" height=380 alt="" src="圖片地址7" width=1520><IMG title="" height=380 alt="" src="圖片地址8" width=1520><IMG title="" height=380 alt="" src="圖片地址9" width=1520><IMG title="" height=380 alt="" src="圖片地址10" width=1520></MARQUEE></BLOCKQUOTE>
備注: width=1520，height=380，可根據(jù)自已喜歡調正。

效果示例：

23、固定圖片鏈接代碼：

<A href="鏈接地址/profile/?target=note#pn2" target=_
blank><IMG src="圖片地址"></A>

效果示例（點擊下面的圖片可進入我的QQ空間）：