空间日志特效代码

个人日记

空间日志特效代码

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>&nbsp;</P>
<P></P></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE>
<P></P>
<P>&nbsp;</P>
<P>&nbsp;<STRONG><FONT color=#ff66ff size=4></P>
<DIV align=center>
<DIV align=center>
<DIV align=center>
<DIV align=center>&nbsp;</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>&nbsp;</FONT></P>
<P><FONT color=#000080>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </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空间）：

欢迎你光临海市蜃楼QQ空间

文章评论