空间日志特效代码

空间日志特效代码

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=后面的阿拉伯数字分别为1、2、3。     在以上代码中，opacity=后面的数据是羽化范围，style=的数据是羽化方向：=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,这数值是倒影边缘齿的深度。freq=15,这数值是倒影的行数，phase=0,lightstrength=20这数值是水纹线条的加深度。两个图片是同一个地址。 13、移动的羽化代码 <marquee behavior=alternate><BR> <img src="图片地址" style="FILTER: alpha(opacity=100,style=3)"width=300><BR></marquee></p>     注：根据羽化喜好设置style=后的数值。 效果示例： 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，可根据自已喜欢调正。 效果示例： 23、固定图片链接代码： <A href="链接地址/profile/?target=note#pn2" target=_ blank><IMG src="图片地址"></A>  效果示例（点击下面的图片可进入我的QQ空间）：