最近，好多朋友都在问我这个问题，因为0兰最近比较忙，所以就不一一给大家回帖，贴出来，朋友们自己看吧！！

       效果：

        代码如下：

　　　　<marquee behavior=alternate height=120 widhth="90">
<P align=left>
<P align=center><a href="http://www2.blog.163.com/article/-7yZ800efBn2.html" target="_blank"><IMG src="http://blog.163.com/photo/ub+qL0p83b6Drp6ppuBIYg==/2572399812158691218.jpg" width=90 border="0"></a> <a href="http://www2.blog.163.com/article/-7yZ801tTvOR.html" target="_blank"><IMG src="http://blog.163.com/photo/ZXcTiP4Jsyu1eR_91YxJbg==/2572399812158691224.jpg" width=90 border="0"></a> <a href="http://www2.blog.163.com/article/-7yZ801TixJl.html" target="_blank"><IMG src="http://blog.163.com/photo/Y_A6fQ9vCV7b2bFUijhWLA==/2572399812158691226.jpg" width=90 border="0"></a> <a href="http://blog.163.com/w-lan/blog/static/2687392006850633393/" target="_blank"><IMG src="http://blog.163.com/photo/DgFgHi49TrlKUU4fer8MVw==/2572399812158691228.jpg" width=90 border="0"></a> <a href="http://www2.blog.163.com/article/-7yZ801Kl2VP.html" target="_blank"><IMG src="http://blog.163.com/photo/Q5FclL51zX2rwZzgzS1QBQ==/2572399812158691220.jpg" width=90 border="0"></a>

<a href="图片要链接的地址" target="_blank"><IMG src="图片地址" width=图片宽度border="图片边框宽度"></a>

。。。。。。（红色的部分，就是想要加入的图片链接个数）

 </P>
</MARQUEE>

如何实现图片的上下左右滚动

<marquee width=图片宽度 height=图片高度 align=middle>
把图片的连接地址写在这里
</marquee>
1.direction属性:决定文本的滚动方向，分为向左left和向右right，up和down默认状态向左。
<marquee direction=left>从右向左滚动</marquee>
<marquee direction=right>从左向右滚动</marquee>
2.behavior属性:指定文本的滚动方式，分为三种:
Scroll:从一端消失后，在另一端出现并继续滚动。
<marquee behavior=scroll>一圈一圈地滚动</marquee>
Slide:从一端滚动，接触到另一端后停止
<marquee behaviro=slide>只滚动一次就停止</marquee>
Alternate:从一端滚动到另一端后，反向滚动。
<marquee behavior=alternate>来回滚动</marquee>
direction=up（left、right、down） 这个属性可以更改，这样就可以实现上下左右了.具体的例子我就不举了，大家自己试验一下，就明白了。

       大家有问题可以继续留言，我有时间会定期整理，汇总成教程，谢谢大家对０兰的信任！！

旺财要的代码：

效果：

代码：

<marquee behavior=alternate height=120 widhth="90">
<table width="835" height="203" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="1183" height="203"><p><a href="http://blog.163.com/prb999/" target="_blank"><img src="http://blog.163.com/photo/zVqIWQb2q7RZFsNt7EYmfQ==/3947686548366950784.jpg" width=139 height="139" border="0" /></a><a href="http://blog.163.com/linda28_cn/" target="_blank"><img src="http://blog.163.com/photo/tB7oDwwYMBxPJtiBXPSQew==/1466484628662525687.jpg" width=139 height="139" border="0" /></a><a href="http://blog.163.com/zuiyelong/" target="_blank"><img src="http://img280.photo.163.com/zuiyelong/21691679/897320556.jpg" width=139 height="139" border="0" /></a><a href="http://www3.blog.163.com/-7r71.html" target="_blank"><img src="http://image.bulo.163.com/userfile/946/-7r71/big" width=139 height="139" border="0" /></a><img src="http://image.bulo.163.com/userfile/359/-NGYU/big" width=139 height="139" border="0" /><a href="http://www1.blog.163.com/-0UKN.html" target="_blank"><img src="http://image.bulo.163.com/userfile/488/-0UKN/big" width=139 height="139" border="0" /></a></p></td></tr></table>
      <table width="836" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="138"><div align="center"><a href="http://blog.163.com/prb999/" target="_blank">小镜子</a></div></td>
          <td width="142"><div align="center"><a href="http://blog.163.com/linda28_cn/" target="_blank">纤月</a></div></td>
          <td width="136"><div align="center"><a href="http://blog.163.com/zuiyelong/" target="_blank">醉夜龙</a></div></td>
          <td width="143"><div align="center"><a href="http://www3.blog.163.com/-7r71.html" target="_blank">上善若水</a></div></td>
          <td width="135"><div align="center"><a href="http://www8.blog.163.com/-NGYU.html" target="_blank">风中守候</a></div></td>
          <td width="141"><div align="center"><a href="http://www1.blog.163.com/-0UKN.html"

target="_blank">鸣言</a></div></td></tr></table></marquee>

===================================================================================================

点击图片进入其他教程： 

更多请访问水阁雜貨鋪
点击圆形图标进入雜貨鋪目录