博友头像来回移动加链接代码

博友头像来回移动加链接代码

Good fun编辑

有朋友问起，所以今天把这代码整理一下，发表出来！希望有朋友有用！

 

Goodfun

Goodfun

Goodfun

Goodfun

Goodfun

Goodfun

Goodfun

Goodfun

Goodfun

 

上面效果完整代码如下：

<DIV align=center> <MARQUEE scrollAmount=2 scrollDelay=0 behavior=alternate width=460> <TABLE cellSpacing=0 cellPadding=0 width=20 border=1> <TBODY> <TR> <TD><A href="http://kaixinhaoren99.blog.163.com/" target=_blank><IMG title=点击图片进入Goodfun博客 height=60 alt=点击图片进入Goodfun博客 src="http://os.blog.163.com/common/ava.s?host=kaixinhaoren99&b=0" width=60 border=0></A><BR><A title=点击文字进入Goodfun博客 href="http://kaixinhaoren99.blog.163.com/" target=_blank>Goodfun</A></TD> <TD><A href="http://kaixinhaoren99.blog.163.com/" target=_blank><IMG title=点击图片进入Goodfun博客 height=60 alt=点击图片进入Goodfun博客 src="http://os.blog.163.com/common/ava.s?host=kaixinhaoren99&b=0" width=60 border=0></A><BR><A title=点击文字进入Goodfun博客 href="http://kaixinhaoren99.blog.163.com/" target=_blank>Goodfun</A></TD> <TD><A href="http://kaixinhaoren99.blog.163.com/" target=_blank><IMG title=点击图片进入Goodfun博客 height=60 alt=点击图片进入Goodfun博客 src="http://os.blog.163.com/common/ava.s?host=kaixinhaoren99&b=0" width=60 border=0></A><BR><A title=点击文字进入Goodfun博客 href="http://kaixinhaoren99.blog.163.com/" target=_blank>Goodfun</A></TD> <TD><A href="http://kaixinhaoren99.blog.163.com/" target=_blank><IMG title=点击图片进入Goodfun博客 height=60 alt=点击图片进入Goodfun博客 src="http://os.blog.163.com/common/ava.s?host=kaixinhaoren99&b=0" width=60 border=0></A><BR><A title=点击文字进入Goodfun博客 href="http://kaixinhaoren99.blog.163.com/" target=_blank>Goodfun</A></TD> <TD><A href="http://kaixinhaoren99.blog.163.com/" target=_blank><IMG title=点击图片进入Goodfun博客 height=60 alt=点击图片进入Goodfun博客 src="http://os.blog.163.com/common/ava.s?host=kaixinhaoren99&b=0" width=60 border=0></A><BR><A title=点击文字进入Goodfun博客 href="http://kaixinhaoren99.blog.163.com/" target=_blank>Goodfun</A></TD> <TD><A href="http://kaixinhaoren99.blog.163.com/" target=_blank><IMG title=点击图片进入Goodfun博客 height=60 alt=点击图片进入Goodfun博客 src="http://os.blog.163.com/common/ava.s?host=kaixinhaoren99&b=0" width=60 border=0></A><BR><A title=点击文字进入Goodfun博客 href="http://kaixinhaoren99.blog.163.com/" target=_blank>Goodfun</A></TD> <TD><A href="http://kaixinhaoren99.blog.163.com/" target=_blank><IMG title=点击图片进入Goodfun博客 height=60 alt=点击图片进入Goodfun博客 src="http://os.blog.163.com/common/ava.s?host=kaixinhaoren99&b=0" width=60 border=0></A><BR><A title=点击文字进入Goodfun博客 href="http://kaixinhaoren99.blog.163.com/" target=_blank>Goodfun</A></TD> <TD><A href="http://kaixinhaoren99.blog.163.com/" target=_blank><IMG title=点击图片进入Goodfun博客 height=60 alt=点击图片进入Goodfun博客 src="http://os.blog.163.com/common/ava.s?host=kaixinhaoren99&b=0" width=60 border=0></A><BR><A title=点击文字进入Goodfun博客 href="http://kaixinhaoren99.blog.163.com/" target=_blank>Goodfun</A></TD> <TD><A href="http://kaixinhaoren99.blog.163.com/" target=_blank><IMG title=点击图片进入Goodfun博客 height=60 alt=点击图片进入Goodfun博客 src="http://os.blog.163.com/common/ava.s?host=kaixinhaoren99&b=0" width=60 border=0></A><BR><A title=点击文字进入Goodfun博客 href="http://kaixinhaoren99.blog.163.com/" target=_blank>Goodfun</A></TD></TR></TBODY></TABLE></MARQUEE></DIV>

  

 

 

上面效果完整代码简化如下：

<DIV align=center> <MARQUEE scrollAmount=2 scrollDelay=0 behavior=alternate  width=460> <TABLE cellSpacing=0 cellPadding=0  border=1> <TBODY> <TR> <TD> <A href="第1个博友链接地址" target=_blank><IMG title="图片提示信息" height=图片高度 alt="图片提示信息"   src="第1个博友头像图片地址"   width=图片宽度 border=0></A><br><A href="第一个博友的地址"   target=_blank>第一个博友的昵称</A></TD>   <TD> <A href="第2个博友链接地址" target=_blank><IMG title=图片提示信息 height=图片高度 alt=图片提示信息 src="第2个博友头像图片地址" width=图片宽度 border=0></A><br><A href="第2个博友的地址"   target=_blank>第2个博友的昵称</A></TD>   <TD> <A href="第3个博友链接地址" target=_blank><IMG title=图片提示信息 height=图片高度 alt=图片提示信息 src="第3个博友头像图片地址" width=图片宽度 border=0></A><br><A href="第3个博友的地址"   target=_blank>第3个博友的昵称</A>     </TD>       </TR></TBODY></TABLE></MARQUEE></DIV>

   

 

 

 

简化代码提示如下：

1、代码“scrollAmount=2”是滚动的速度，你可以改变数值2来改变移动的速度！ 2、代码“ width=460”是滚动的区域宽度，也就是说在这个距离里来回滚动，460像素就相当于我首页中间栏的宽度大小，你可以自己设置！ 3、第1个博友链接地址 就是你那移动的第一张图片，点击后去到的博客或者地址。 4、“图片提示信息”就是这个头像的提示信息，就好像上面的效果，我用了“点击图片进入Goodfun博客”的提示！当你把鼠标放到图片上就会出来的提示信息又或者图片加载失败也就会提示！ 5、“第1个博友头像图片地址”这里换成你的第一个要连接的博友的头像图片的图片地址（只要右击你博友的头像图片，“属性”就有了）。 6、“ width=图片宽度；height=图片高度 ”分别是设置这个头像图片显示的宽度和高度，就像最上面的效果，我设置的是“width=60    height=60 ”,你也可以改变等号后面的数值，自己设置。 7、“第一个博友的昵称”我想这个你应该明白不用说吧！“第一个博友的地址”是指点击这个昵称去到的网页或者博客地址。 8、上面的简化代码只能链接3位博友，你想多点，你想多加几个博友那就在“</TD>”后面 加几段这个代码： <TD> <A href="第N个博友链接地址" target=_blank><IMG title="图片提示信息" height=图片高度 alt="图片提示信息"   src="第N个博友头像图片地址"   width=图片宽度 border=0></A><br><A href="第N个博友的地址"   target=_blank>第N个博友的昵称</A></TD>   好了，祝你制作愉快！    博客制作 IT技巧 博客素材 PS教程 U5教程 视觉大餐 情感诉说 flash总汇 日志边框 博客游戏 美女赏析 情感攻略 博客装扮 音画素材 给Goodfun留言交流 星座测试 flash音画