【学习多图滚动加链接的制作方法】
如果你已经学习会了单张和多张滚动图片的制作，那对你学习制作单张和多张滚动图片的连接就简单得多了，可前提是：你对代码要有一定的了解，又知道各种代码里的含义，只要这样使用起代码来就很轻松。单张和多张滚动图片的连接被广泛用在各网页的首页和博客首页，用来做网页和页面的连接。 一、静态式多张图片的链接方法：
钥匙钥匙钥匙钥匙钥匙钥匙钥匙二、多张滚动图片的链接方法: 1、如果我们给上述静态不动的图片加上一段滚动及链接代码，那十二张生肖图片就可以滚动起来，点击任一张生肖图即可进入相对应的被链接页面：
钥匙钥匙钥匙钥匙钥匙钥匙钥匙代 码 复 制 如 下：
<MARQUEE scrollAmount=2 scrollDelay=60 width="100%" height=90>
<P align=center>
<TABLE borderColor=#ff9900 cellSpacing=0 cellPadding=0 width=650 align=center border=1>
<TBODY>
<TR>
<TD align=middle width="8%" height=66><A href=http://wwfhh.blog.163.com/blog/#m=0 target=_blank><IMG height=80 src=http://image51.360doc.com/DownloadImg/2012/04/2721/23552945_1.jpg width=80 border=0><BR><FONT color=#999999 size=4>钥匙</FONT></A></TD>
<TD align=middle width="8%" height=66><A href=http://wwfhh.blog.163.com/blog/#m=0 target=_blank><IMG height=80 src=http://image51.360doc.com/DownloadImg/2012/04/2721/23552945_2.jpg width=80 border=0><BR><FONT color=#999999 size=4>钥匙</FONT></A></TD>
<TD align=middle width="8%" height=66><A href=http://wwfhh.blog.163.com/blog/#m=0 target=_blank><IMG height=80 src=http://image51.360doc.com/DownloadImg/2012/04/2721/23552945_3.jpg width=80 border=0><BR><FONT color=#999999 size=4>钥匙</FONT></A></TD>
<TD align=middle width="8%" height=66><A href=http://wwfhh.blog.163.com/blog/#m=0 target=_blank><IMG height=80 src=http://image51.360doc.com/DownloadImg/2012/04/2721/23552945_4.jpg width=80 border=0><BR><FONT color=#999999 size=4>钥匙</FONT></A></TD>
<TD align=middle width="8%" height=66><A href=http://wwfhh.blog.163.com/blog/#m=0 target=_blank><IMG height=80 src=http://image51.360doc.com/DownloadImg/2012/04/2721/23552945_5.jpg width=80 border=0><BR><FONT color=#999999 size=4>钥匙</FONT></A></TD>
<TD align=middle width="8%" height=66><A href=http://wwfhh.blog.163.com/blog/#m=0 target=_blank><IMG height=80 src=http://image51.360doc.com/DownloadImg/2012/04/2721/23552945_6.jpg width=80 border=0><BR><FONT color=#999999 size=4>钥匙</FONT></A></TD>
<TD align=middle width="8%" height=66><A href=http://wwfhh.blog.163.com/blog/#m=0 target=_blank><IMG height=80 src=http://image51.360doc.com/DownloadImg/2012/04/2721/23552945_7.jpg width=80 border=0><BR><FONT color=#999999 size=4>钥匙</FONT></A></TD>
</TR></TBODY></TABLE></P> </MARQUEE>
2、为了编写教程的方便，仅以二张图片滚动加链接，来讲解其代码的构成：
钥匙钥匙代 码 复 制 如 下：
<MARQUEE scrollAmount=2 scrollDelay=60 width="100%" height=90>
<P align=center>
<TABLE borderColor=#ff9900 cellSpacing=0 cellPadding=0 width=200 align=center border=1>
<TBODY>
<TR>
<TD align=middle width="8%" height=66><A href=http://wwfhh.blog.163.com/blog/#m=0 target=_blank><IMG height=80 src=http://image51.360doc.com/DownloadImg/2012/04/2721/23552945_1.jpg width=80 border=0><BR><FONT color=#999999 size=4>钥匙</FONT></A></TD>
<TD align=middle width="8%" height=66><A href=http://wwfhh.blog.163.com/blog/#m=0 target=_blank><IMG height=80 src=http://image51.360doc.com/DownloadImg/2012/04/2721/23552945_2.jpg width=80 border=0><BR><FONT color=#999999 size=4>钥匙</FONT></A></TD>
</TR></TBODY></TABLE></P> </MARQUEE>
3、此时想做三张或更多张图片滚动加链接呢?只要将下面这段代码加入到上述代码中即可： <A href="被链接页面网址" target=cont><FONT color=#5a1a5d><IMG height=80 src="图片地址" width=45 border=0><BR>需要添加的文字</FONT></A></TD> 4、说明:红色处"需要添加的文字"尽量少些,以2-5为佳;当然也可不添加文字,那该代码为:<A href="被链接页面网址" target=cont><IMG height=80 src="图片地址" width=45 border=0></A></TD>
<TD align=middle width="8%">(注:将该代码加入原代码中时,必须同时将原代码中的:<FONT color=#5a1a5d>和<BR>戌狗</FONT>去掉,否则做出的滚动效果将出现问题;注意这一点就行;)
5、将添加的代码预先编辑好,然后复制粘贴在原代码第一处的<TD align=middle width="8%">的后面即可;依次类推;
6、其它代码不变;但选用的图大小要一致,可适当修改原代码中的图片宽(width)、高(height)数值;
金钥匙欢迎朋友们光临
金钥匙的博客! 如果你喜欢此日志，请点击日志右下方的“推送或引用”，或者左下方的“分享”，让大家分享，也算是对我的支持，谢谢！※尊重他人劳动，崇尚网络公德。引用日志及代码请保留原创字样!※请朋友尊重朋友的劳动所成果，此筐架请你不要删，朋友的互相尊重! 如果你想得到别人的尊重，那么你首先要学会怎样去尊重别人, 别人同样也回尊重你!金钥匙再次声明：不欢迎“复制者”--请文明上网。您可以在网络找教程，素材，请别复制制作好的博文内容！请别复制博文，复制专辑，修改专辑链接地址！您复制--粘贴--也许需要几分钟，可您知道编辑一篇教程需要多长时间吗？可您知道编辑一篇图片“文章’需要多长时间吗？您又知道制作“代码效果”一篇教程需要多长时间吗？还是一句话：尊重他人劳动，崇尚网络公德。光看不留意见的，我将不视为博友！请文明上网！！！金钥匙谢谢您的光临，并请留下宝贵意见！
本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请
点击举报。
