HTML中实现图片滚动效果

HTML中实现滚动效果网页中多的不能再说了，一般的网站都有图片滚动效果，突然滚动出一个美女让你点击，这样也是一个网站获取流量的方式，今天我也做了个测试，实现简单的图片滚动效果

<marquee  οnmοuseοver=stop()  οnmοuseοut=start()  scrollAmount=15  loop=infinite  deplay="0"><IMG  src="图片地址"  ><IMG  src="图片地址">
</marquee>
注释：
1) scrollAmount。它表示速度，值越大速度越快。
2) 加入οnmοuseοver=stop() οnmοuseοut=start()代码，鼠标真想图片的时候图片停止滚动，当鼠标离开图片时图片继续滚动

给滚动图片加超链接
用<a href=>和</a>把<img>包围。代码如下：
<marquee scrollAmount=3 loop=infinitedeplay="0"><a href="链接网址"><img src="图片网址"border=0></a></marquee>

图片从右到左滚动
<marquee width=宽height=高 οnmοuseοver=stop() οnmοuseοut=start() scrollAmount=速度loop=infinite deplay="0"><imgsrc="图片地址 "><img src="图片地址">···</marquee> 

图片从下到上滚动
<marquee behavior="scroll" direction=up width="宽"height="高" scrollamount="5" οnmοuseοut="this.start()"><imgsrc="图片网址 "><img src="图片网址">···</marquee>

带有超链接的图片实现滚动效果
<marquee behavior="scroll" direction=up width="120"height="60" scrollamount="1" scrolldelay="60"οnmοuseοver="this.stop()" οnmοuseοut="this.start()"><a target="cont" href="连接地址"><imgsrc="http://图片地址" idth="88" height="33"border="0"></a><atarget="cont" href="连接地址"><imgsrc="图片地址" width="88" height="33"border="0"></a></marquee>

当然你也可以为图片或则文字加上边框，使他看起来更舒服。

你可以参照上面说明进行图片从左向右，从上到下滚动。

2013-11-24：14：45