最近有朋友问我,移动图片的连接问题,其实偶博客里早就有相关的文章!现在偶把常用的移动图片链接的代码,重新整理了一下,希望对新朋友有用!
向右移动:
代码:
<DIV style="WIDTH: 100%">
<MARQUEE scrollAmount=2 scrollDelay=30 direction=right width="100%" height=90>
<A href="链接地址1" target=_blank><IMG height=90 src="图片地址1" width=90 border=0></A>
<A href="链接地址2" target=_blank><IMG height=90 src="图片地址2" width=90 border=0></A>
<A href="链接地址3" target=_blank><IMG height=90 src="图片地址3" width=90 border=0></A>
<A href="链接地址4" target=_blank><IMG height=90 src="图片地址4" width=90border=0></A>
</MARQUEE></DIV>
向左移动:
代码:
<DIV style="WIDTH: 100%">
<MARQUEE scrollAmount=2 scrollDelay=30 width="100%" height=90>
<A href="链接地址1" target=_blank><IMG height=90 src="图片地址1" width=90 border=0></A>
<A href="链接地址2" target=_blank><IMG height=90 src="图片地址2" width=90 border=0></A>
<A href="链接地址3" target=_blank><IMG height=90 src="图片地址3" width=90 border=0></A>
<A href="链接地址4" target=_blank><IMG height=90 src="图片地址4" width=90border=0></A>
</MARQUEE></DIV>
向上:
向上的代码:
<MARQUEE scrollAmount=1 scrollDelay=60 direction=up width=180 height=360>
<DIV align=center><A href="链接地址" target=_blank><IMG title="2009年6月1日 - Good fun - ." alt="2009年6月1日 - Good fun - ." src="图片地址" width=180 border=0></A></DIV>
<DIV align=center><A href="链接地址" target=_blank><IMG title="2009年6月1日 - Good fun - ." alt="2009年6月1日 - Good fun - ." src="图片地址" width=180 border=0></A></DIV>
<DIV align=center><A href="链接地址" target=_blank><IMG title="2009年6月1日 - Good fun - ." alt="2009年6月1日 - Good fun - ." src="图片地址" width=180 border=0></A></DIV>
<DIV align=center><A href="链接地址" target=_blank><IMG title="2009年6月1日 - Good fun - ." alt="2009年6月1日 - Good fun - ." src="图片地址" width=180 border=0></A></DIV>
</MARQUEE>
现在Good fun再来简单的介绍一下滚动代码的一些基本属性:
1、scrollAmount=2 是滚动的距离,数值越大,滚动的越快。
2、 direction=right 是滚动的方向,偶已经发表了3个方向的代码了,你就不用再改动它了。
3、width="100%" height=90 分别是滚动显示的宽度和高度,"100%"表示全屏,你可以直接用数字,比如:"300 "。
评论