1,、圖片右側(cè)羽化代碼:
<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>
注:通過(guò)觀察,我們能夠看出,,以上三種羽化效果的代碼其實(shí)是“一樣”的,不同的地方只有一處,,即是style=后面的阿拉伯?dāng)?shù)字分別為1,、2、3,。
在以上代碼中,,opacity=后面的數(shù)據(jù)是羽化范圍,style=的數(shù)據(jù)是羽化方向:=1是右側(cè)羽化,,=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,、上下顛倒(垂直翻轉(zhuǎn))代碼: <img src="圖片地址" style="filter:flipv">
效果示例:
8,、左右顛倒(水平翻轉(zhuǎn))代碼: <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ù)值是水紋線條的加深度。兩個(gè)圖片是同一個(gè)地址,。
13,、移動(dòng)的羽化代碼 <marquee behavior=alternate><BR> <img src="圖片地址" style="FILTER: alpha(opacity=100,style=3)"width=300><BR></marquee></p>
注:根據(jù)羽化喜好設(shè)置style=后的數(shù)值。
效果示例:
14,、多張圖片滾動(dòng)(百葉窗)代碼: <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> 說(shuō)明:
LEFT: 50px為橫坐標(biāo),,表示圖片顯示的左右位置,;TOP: 30px為縱坐標(biāo),表示圖片顯示的上下位置,;width=600表示圖片的大小,。
使用方法:
1、在日志編輯框中插入將作為組圖背景的圖片,。
2,、點(diǎn)“高級(jí)”后再點(diǎn)HTML,復(fù)制以上穿越代碼,然后在已經(jīng)插入的圖片的代碼下面粘貼穿越代碼,。
3,、復(fù)制想組合在背景圖片上面的圖片的鏈接地址,粘貼在穿越代碼的“圖片地址”處,。
4,、調(diào)整穿越代碼中的橫、縱坐標(biāo)以及圖片的大小,。
效果示例:
17,、圖片扭曲效果代碼: <div style="width:358;filter:wave(add=0,freq=1,lightStrength=20,phase=50,strength=20);"><img src="圖片地址" width="圖片寬" height="圖片高"></div>
效果示例:
18、滾動(dòng)圖片加超鏈接代碼: <MARQUEE behavior=alternate><A href="超鏈接地址" target=blank><IMG src="圖片地址"></A></MARQUEE>
效果示例(點(diǎn)擊這張移動(dòng)的圖片,,即可進(jìn)入我的QQ空間):
19,、改變圖片大小的代碼:
<P align=center><IMG height="圖片高度" src="圖片地址" width= "圖片寬度">
效果示例:
20、圖中圖滾動(dòng)代碼:
<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(滾動(dòng)圖片地址)" borderColor=#cccccc height=滾動(dòng)圖片高 cellSpacing=8 cellPadding=8 width=滾動(dòng)圖片寬 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(閃動(dòng)圖片)" 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,、長(zhǎng)卷畫(huà)無(wú)縫隙滾動(dòng)代碼: <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ù)自已喜歡調(diào)正,。
效果示例:
23、固定圖片鏈接代碼:
<A href="鏈接地址/profile/?target=note#pn2" target=_ blank><IMG src="圖片地址"></A>
效果示例(點(diǎn)擊下面的圖片可進(jìn)入我的QQ空間):
|
|