注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

 
 
 

日志

 
 

===自定义博友链接模块制作===  

2011-05-03 15:37:41|  分类: 【博客制作】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |


自定义博友链接模块制作

 


滚动条式效果图
博友 博友 博友 博友 博友 博友 博友 博友 ★
天 民 海珠儿 豪墨逸青 武 克 思 念 游 仙 狂 风 杏花雨 沉默是金
博友 ★ 博友  学 海 ★ 博友 博友 金 博友
天高云淡 铁岭老鱼 依 森 大海胸怀 闲人SGM 寒冬腊月 香 儿 金钥匙 桃源居士
★ 博友 博友 博友 ★ ★ ★ ★ ★
晴 朗 Q 仔 飞雪迎春 晓风无痕 老来乐 小沈阳 蓝 天 山间溪流 冰雪梅

整体向上移动效果图

博友 博友 博友 博友 博友 博友 博友 博友 ★
天 民 海珠儿 豪墨逸青 武 克 思 念 游 仙 狂 风 杏花雨 沉默是金
博友 ★ 博友  学 海 ★ 博友 博友 金 博友
天高云淡 铁岭老鱼 依 森 大海胸怀 闲人SGM 寒冬腊月 香 儿 金钥匙 桃源居士
★ 博友 博友 博友 ★ ★ ★ ★ ★
晴 朗 Q 仔 飞雪迎春 晓风无痕 老来乐 小沈阳 蓝 天 山间溪流 冰雪梅

单向移动式效果图

博友 博友 博友 博友 博友 博友 博友 博友 ★
天 民 海珠儿 豪墨逸青 武 克 思 念 游 仙 狂 风 杏花雨 沉默是金
博友 ★ 博友  学 海 ★ 博友 博友 金 博友
天高云淡 铁岭老鱼 依 森 大海胸怀 闲人SGM 寒冬腊月 香 儿 金钥匙 桃源居士
★ 博友 博友 博友 ★ ★ ★ ★ ★
晴 朗 Q 仔 飞雪迎春 晓风无痕 老来乐 小沈阳 蓝 天 山间溪流 冰雪梅

自 定 义 博 友 链 接 制 作 代 码<CENTER>
<DIV style="SCROLLBAR-FACE-COLOR: #7f05fb; OVERFLOW: auto; WIDTH: 575px; HEIGHT: 190px">

<TABLE style="WIDTH: 540px; CURSOR: url('http://plugin.smileycentral.com/http%253A%252F%252Fplugin%252Esmileycentral%252Ecom%252Fassetserver%252Fcursor%252Ejhtml%253Fcur%253D1%2526i%253D9126a/image.gif'); HEIGHT: 43px" borderColor=#ff0099 align=center border=0>
<TBODY>
<TR align=middle>
<TD><A href="博友链接网址" target=_blank><IMG title=? height=60 alt=? src="博友01头像图片地址" width=60 border=0></A></TD>
<TD><A href="博友链接网址" target=_blank><IMG title=? height=60 alt=? src="博友02头像图片地址" width=60 border=0></A></TD>
<TD><A href="博友链接网址" target=_blank><IMG title=? height=60 alt=? src="博友03头像图片地址" width=60 border=0></A></TD>
<TD><A href="博友链接网址" target=_blank><IMG title=? height=60 alt=? src="博友04头像图片地址" width=60 border=0></A></TD>
<TD><A href="博友链接网址" target=_blank><IMG title=? height=60 alt=? src="博友05头像图片地址" width=60 border=0></A></TD>
<TD><A href="博友链接网址" target=_blank><IMG title=? height=60 alt=? src="博友06头像图片地址" width=60 border=0></A></TD>
<TD><A href="博友链接网址" target=_blank><IMG title=? height=60 alt=? src="博友07头像图片地址" width=60 border=0></A></TD>
<TD><A href="博友链接网址" target=_blank><IMG title=? height=60 alt=? src="博友08头像图片地址" width=60 border=0></A></TD>
<TD><A href="博友链接网址" target=_blank><IMG title=? height=60 alt=? src="博友09头像图片地址" width=60 border=0></A></TD></TR>
<TR align=middle bgColor=#7f05fb>
<TD><FONT style="FONT-SIZE: 11pt" color=#eeeeee>博友01</FONT></TD>
<TD><FONT style="FONT-SIZE: 11pt" color=#eeeeee>博友02</FONT></TD>
<TD><FONT style="FONT-SIZE: 11pt" color=#eeeeee>博友03</FONT></TD>
<TD><FONT style="FONT-SIZE: 11pt" color=#eeeeee>博友04</FONT></TD>
<TD><FONT style="FONT-SIZE: 11pt" color=#eeeeee>博友05</FONT></TD>
<TD><FONT style="FONT-SIZE: 11pt" color=#eeeeee>博友06</FONT></TD>
<TD><FONT style="FONT-SIZE: 11pt" color=#eeeeee>博友07</FONT></TD>
<TD><FONT style="FONT-SIZE: 11pt" color=#eeeeee>博友08</FONT></TD>
<TD><FONT style="FONT-SIZE: 11pt" color=#eeeeee>博友09</FONT></TD></TR>
<TR align=middle>
<TD><A href="博友链接网址" target=_blank><IMG title=? height=60 alt=? src="博友10头像图片地址" width=60 border=0></A></TD>
<TD><A href="博友链接网址" target=_blank><IMG title=? height=60 alt=? src="博友11头像图片地址" width=60 border=0></A></TD>
<TD><A href="博友链接网址" target=_blank><IMG title=? height=60 alt=? src="博友12头像图片地址" width=60 border=0></A></TD>
<TD><A href="博友链接网址" target=_blank><IMG title=? height=60 alt=? src="博友13头像图片地址" width=60 border=0></A></TD>
<TD><A href="博友链接网址" target=_blank><IMG title=? height=60 alt=? src="博友14头像图片地址" width=60 border=0></A></TD>
<TD><A href="博友链接网址" target=_blank><IMG title=? height=60 alt=? src="博友15头像图片地址" width=60 border=0></A></TD>
<TD><A href="博友链接网址" target=_blank><IMG title=? height=60 alt=? src="博友16头像图片地址" width=60 border=0></A></TD>
<TD><A href="博友链接网址" target=_blank><IMG title=? height=60 alt=? src="博友17头像图片地址" width=60 border=0></A></TD>
<TD><A href="博友链接网址" target=_blank><IMG title=? height=60 alt=? src="博友18头像图片地址" width=60 border=0></A></TD></TR>
<TR align=middle bgColor=#7f05fb>
<TD><FONT style="FONT-SIZE: 11pt" color=#eeeeee>博友10</FONT></TD>
<TD><FONT style="FONT-SIZE: 11pt" color=#eeeeee>博友11</FONT></TD>
<TD><FONT style="FONT-SIZE: 11pt" color=#eeeeee>博友12</FONT></TD>
<TD><FONT style="FONT-SIZE: 11pt" color=#eeeeee>博友13</FONT></TD>
<TD><FONT style="FONT-SIZE: 11pt" color=#eeeeee>博友14</FONT></TD>
<TD><FONT style="FONT-SIZE: 11pt" color=#eeeeee>博友15</FONT></TD>
<TD><FONT style="FONT-SIZE: 11pt" color=#eeeeee>博友16</FONT></TD>
<TD><FONT style="FONT-SIZE: 11pt" color=#eeeeee>博友17</FONT></TD>
<TD><FONT style="FONT-SIZE: 11pt" color=#eeeeee>博友18</FONT></TD></TR>
<TR align=middle>
<TD><A href="博友链接网址" target=_blank><IMG title=? height=60 alt=? src="博友19头像图片地址" width=60 border=0></A></TD>
<TD><A href="博友链接网址" target=_blank><IMG title=? height=60 alt=? src="博友20头像图片地址" width=60 border=0></A></TD>
<TD><A href="博友链接网址" target=_blank><IMG title=? height=60 alt=? src="博友21头像图片地址" width=60 border=0></A></TD>
<TD><A href="博友链接网址" target=_blank><IMG title=? height=60 alt=? src="博友22头像图片地址" width=60 border=0></A></TD>
<TD><A href="博友链接网址" target=_blank><IMG title=? height=60 alt=? src="博友23头像图片地址" width=60 border=0></A></TD>
<TD><A href="博友链接网址" target=_blank><IMG title=? height=60 alt=? src="博友24头像图片地址" width=60 border=0></A></TD>
<TD><A href="博友链接网址" target=_blank><IMG title=? height=60 alt=? src="博友25头像图片地址" width=60 border=0></A></TD>
<TD><A href="博友链接网址" target=_blank><IMG title=? height=60 alt=? src="博友26头像图片地址" width=60 border=0></A></TD>
<TD><A href="博友链接网址" target=_blank><IMG title=? height=60 alt=? src="博友27头像图片地址" width=60 border=0></A></TD></TR>
<TR align=middle bgColor=#7f05fb>
<TD><FONT style="FONT-SIZE: 11pt" color=#eeeeee>博友19</FONT></TD>
<TD><FONT style="FONT-SIZE: 11pt" color=#eeeeee>博友20</FONT></TD>
<TD><FONT style="FONT-SIZE: 11pt" color=#eeeeee>博友21</FONT></TD>
<TD><FONT style="FONT-SIZE: 11pt" color=#eeeeee>博友22</FONT></TD>
<TD><FONT style="FONT-SIZE: 11pt" color=#eeeeee>博友23</FONT></TD>
<TD><FONT style="FONT-SIZE: 11pt" color=#eeeeee>博友24</FONT></TD>
<TD><FONT style="FONT-SIZE: 11pt" color=#eeeeee>博友25</FONT></TD>
<TD><FONT style="FONT-SIZE: 11pt" color=#eeeeee>博友26</FONT></TD>
<TD><FONT style="FONT-SIZE: 11pt" color=#eeeeee>博友27</FONT></TD></TR></TBODY></TABLE>

说  明∶前面的黄色代码 <CENTER><DIV style="SCROLLBAR-FACE-COLOR: #7f05fb; OVERFLOW: auto; WIDTH: 575px; HEIGHT: 190px"> 为滚动条效果代码、其中代码为宽 WIDTH: 575px 和高 HEIGHT: 190px ,按需调整,若让其向上移动换成移动代码: <MARQUEE scrollAmount=5 scrollDelay=500 direction=up height=180> 代码中的 height=180 为移动窗口高、若让其向右移动换成移动代码: <CENTER><MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=570> 若向左移动将此代码中的 direction=right 删除,代码中的 width=570 为移动窗口宽,调整移动代码中500来改变移动速度、数值越大速度越慢,反之越小越快。若让博友图片静止显示将前面黄色代码删除即可,若让图片有边框将代码 border=0 的 0 改为 1 或其它数值,其他的背景及博友名字的颜色自行尝试调换。

 
--------------------------------
学海无涯编辑
http://lv.jingxiang.blog.163.com/

俪人欢迎您

 

--------------------------------

  评论这张
 
阅读(305)| 评论(2)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017