如何实现图片滚动by javascript

注：<div id=demo style=overflow:hidden;height:100;width:400> 这里控制层的宽和高代码如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY><table width="499" border="1" cellpadding="0" cellspacing="0" bordercolor="#CC6600">
    <tr>
    <td width="495">
<div id=demo style=overflow:hidden;height:100;width:400> 
<div id=demo1>
<a href='' target='_blank'>这是滚动第1行</a><br>
<img src="test.jpg" width=50 height=50><br>
<img src="test.jpg" width=50 height=50><br>
</div>
<div id=demo2></div>
</div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee()
{
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else
{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script> </td>
  </tr>
</table>
</BODY>
</HTML>

解决方案 »

  1.   

    也就是说在下面的地方你弄上五张你需要的图片，然后在层的高度控制成三张图的高度就可以了
    <div id=demo style=overflow:hidden;height:150;width:80> <div id=demo1>
             <img src="test1.jpg" width=50 height=50><br>
    <img src="test2.jpg" width=50 height=50><br>
       <img src="test3.jpg" width=50 height=50><br>
             <img src="test4.jpg" width=50 height=50><br>
    <img src="test5.jpg" width=50 height=50><br>
    </div>
      

  2.   

    在 http://www.pconline.com 软件资讯版搜我写的《连续滚动的制作》，有四个实例供下载