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

Good fun网易博客

图片文字素材库,时尚音乐,生活百科,精品博客

 
 
 

日志

 
 

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

2010-07-29 21:59:12|  分类: 博客制作技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

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

Good fun编辑

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

 

 

 上面效果完整代码如下:

 <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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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>

 

好了,祝你制作愉快! 

 
 
   
 
  评论这张
 
阅读(2527)| 评论(29)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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