引用
秋之枫 的 〖荐〗滤镜处理后的梦幻友情链接
引用
倾颜戏羽 的 〖荐〗滤镜处理后的梦幻友情链接
〖原创〗滤镜处理后的漂亮梦幻友情链接
经过倾颜戏羽的多次反复验证。滤镜处理后的友情头像以及名字链接,装扮在首页中更个性,更漂亮了。如果朋友们喜欢,可以参照以下的代码进行编辑,以达到在自己博客首页中更完美的装扮、展示。以下是滤镜处理后的几种移动效果: 提示:引用的朋友请注明出处
以支持本文原创
1.左右来回移动的梦幻效果:
代码:
<TABLE borderColor=#000000 cellSpacing=8 cellPadding=0 width=568 align=center background=http://img853.ph.126.net/dgVndTPKZiQDwjfacwZbJg==/2745506922836774499.jpg border=1>
<TBODY>
<TR>
<TD background=http://img77.ph.126.net/sY6m8KC-4fChaf1lsjSJmA==/857091304084671164.gif><marquee scrollAmount=2 beha
vior ="alternate"><TABLE borderColor=#666666 cellSpacing=2 cellPadding=1 width=280 background=图片地址 border=1>
<TBODY>
<TR>
<TD><A href="第一个博客链接地址" target=_blank><IMG style="FILTER: Alpha(opacity='100',style='2')" height=140 src="第一个博客头像地址" width=140 border=0></A></TD>
<TD><A href="第二个博客链接地址" target=_blank><IMG style="FILTER: Alpha(opacity='100',style='2')" height=140 src="第二个博客头像地址" width=140 border=0></A></TD>
<TD><A href="第三个博客链接地址" target=_blank><IMG style="FILTER: Alpha(opacity='100',style='2')" height=140 src="第三个博客头像地址" width=140 border=0></A></TD>
<TD><A href="第四个博客链接地址" target=_blank><IMG style="FILTER: Alpha(opacity='100',style='2')" height=140 src="第四个博客头像地址" width=140 border=0></A></TD>
<TR>
<TD><P align=center><A href="第一个博客链接地址" target=_blank><FONT face=楷体_GB2312 color=#AAAAAA size=5>第一个博客名称</FONT></A></P></TD>
<TD><P align=center><A href="第二个博客链接地址" target=_blank><FONT face=楷体_GB2312 color=#AAAAAA size=5>第二个博客名称</FONT></A></P></TD>
<TD><P align=center><A href="第三个博客链接地址" target=_blank><FONT face=楷体_GB2312 color=#AAAAAA size=5>第三个博客名称</FONT></A></P></TD>
<TD><P align=center><A href="第四个博客链接地址" target=_blank><FONT face=楷体_GB2312 color=#AAAAAA size=5>第四个博客名称</FONT></A></P></TD>
</TR></TBODY></TABLE></marquee></TD></TR></TBODY></TABLE>
2.向上移动的效果:
代码:
<TABLE borderColor=#AAAAAA cellSpacing=8 cellPadding=0 width=152 align=center background=http://img853.ph.126.net/dgVndTPKZiQDwjfacwZbJg==/2745506922836774499.jpg border=1>
<TBODY>
<TR>
<TD background=http://img77.ph.126.net/sY6m8KC-4fChaf1lsjSJmA==/857091304084671164.gif><MARQUEE width=150 scrollAmount=2 direction=up>
<TABLE borderColor=#666666 cellSpacing=2 cellPadding=1 width=150 background=图片地址 border=1>
<TBODY>
<TR><TD><A href="第一个博客链接地址" target=_blank><IMG style="FILTER: Alpha(opacity='100',style='2')" height=140 src="第一个博客头像地址" width=140 border=0></A></TD></TR>
<TR><TD><P align=center><A href="第一个博客链接地址" target=_blank><FONT face=楷体_GB2312 color=#AAAAAA size=5>第一个博客名称</FONT></A></P></TD></TR>
<TR><TD><A href="第二个博客链接地址" target=_blank><IMG style="FILTER: Alpha(opacity='100',style='2')" height=140 src="第二个博客头像地址" width=140 border=0></A></TD></TR>
<TR><TD><P align=center><A href="第二个博客链接地址" target=_blank><FONT face=楷体_GB2312 color=#AAAAAA size=5>第二个博客名称</FONT></A></P></TD></TR>
<TR><TD><A href="第三个博客链接地址" target=_blank><IMG style="FILTER: Alpha(opacity='100',style='2')" height=140 src="第三个博客头像地址" width=140 border=0></A></TD></TR>
<TR><TD><P align=center><A href="第三个博客链接地址" target=_blank><FONT face=楷体_GB2312 color=#AAAAAA size=5>第三个博客名称</FONT></A></P></TD></TR>
<TR><TD><A href="第四个博客链接地址" target=_blank><IMG style="FILTER: Alpha(opacity='100',style='2')" height=140 src="第四个博客头像地址" width=140 border=0></A></TD></TR>
<TR><TD><P align=center><A href="第四个博客链接地址" target=_blank><FONT face=楷体_GB2312 color=#AAAAAA size=5>第四个博客名称</FONT></A></P></TD></TR>
</TBODY></TABLE>
</marquee></TD></TR></TBODY></TABLE>
3.向下移动效果:
代码:
<TABLE borderColor=#AAAAAA cellSpacing=8 cellPadding=0 width=152 align=center background=http://img853.ph.126.net/dgVndTPKZiQDwjfacwZbJg==/2745506922836774499.jpg border=1>
<TBODY>
<TR><TD background=http://img77.ph.126.net/sY6m8KC-4fChaf1lsjSJmA==/857091304084671164.gif>
<MARQUEE width=150 scrollAmount=2 direction=down>
<TABLE borderColor=#666666 cellSpacing=2 cellPadding=1 width=150 background=图片地址 border=1>
<TBODY>
<TR><TD><A href="第一个博客链接地址" target=_blank><IMG style="FILTER: Alpha(opacity='100',style='2')" height=140 src="第一个博客头像地址" width=140 border=0></A></TD></TR>
<TR><TD><P align=center><A href="第一个博客链接地址" target=_blank><FONT face=楷体_GB2312 color=#AAAAAA size=5>第一个博客名称</FONT></A></P></TD></TR>
<TR><TD><A href="第二个博客链接地址" target=_blank><IMG style="FILTER: Alpha(opacity='100',style='2')" height=140 src="第二个博客头像地址" width=140 border=0></A></TD></TR>
<TR><TD><P align=center><A href="第二个博客链接地址" target=_blank><FONT face=楷体_GB2312 color=#AAAAAA size=5>第二个博客名称</FONT></A></P></TD></TR>
<TR><TD><A href="第三个博客链接地址" target=_blank><IMG style="FILTER: Alpha(opacity='100',style='2')" height=140 src="第三个博客头像地址" width=140 border=0></A></TD></TR>
<TR><TD><P align=center><A href="第三个博客链接地址" target=_blank><FONT face=楷体_GB2312 color=#AAAAAA size=5>第三个博客名称</FONT></A></P></TD></TR>
<TR><TD><A href="第四个博客链接地址" target=_blank><IMG style="FILTER: Alpha(opacity='100',style='2')" height=140 src="第四个博客头像地址" width=140 border=0></A></TD></TR>
<TR><TD><P align=center><A href="第四个博客链接地址" target=_blank><FONT face=楷体_GB2312 color=#AAAAAA size=5>第四个博客名称</FONT></A></P></TD></TR>
</TBODY></TABLE>
</marquee></TD></TR></TBODY></TABLE>
参数详解:
(1).“scrollAmount”它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
(2).“direction”表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
代码中带颜色地方的详解:
1.酸橙色地方表示主边框(表框)的格线颜色 可以参照颜色代码表更换自己喜欢的颜色。
2.蓝色地方表示主边框的图片地址(以上效果演示是灰色金属背景图片) 可以替换自己喜欢的图片地址。
3.粉红色地方表示主边框内的图片地址(以上效果演示是闪动星空的背景图片) 可以替换自己喜欢的图片地址。
4.深红色地方表示移动图片的边框颜色 可以更换自己喜欢的颜色代码。
5.红色地方表示移动图片后的边框图片 默认为透明 以上效果是没有 也可以替换 当然也可以保留原样默认透明
6.鲜绿色地方表示被链接的博客地址 如:“第一个博客链接地址”表示第一个被链接的博客地址 以此类推 第二、第三等博客链接地址。
7.青绿色地方表示被链接博客的头像地址 如:“第一个博客头像地址”也分第一、第二、第三等类推,参照被链接博客地址来定位 如以上代码为参照。
8.黄色地方表示被链接的博客称呼 如:“第一个博客名称”也同上面类推。
评论