JavaScript实现图片滚动

 

<div id=demo style="overflow:hidden; width:128px; height:300px;"> 

<div id=demo1> 

<img src="1.jpg" title="1"/><br>

<img src="2.jpg" title="2"/><br>

<img src="3.jpg" title="3"/><br> 

<img src="4.gif" title="4"/><br>

<img src="6.gif" title="6"/><br>

<img src="7.gif" title="7"/><br> 

<img src="9.jpg" title="9"/><br>

</div> 

<div id=demo2></div> 

</div> 

<script language="javascript">

    var speed = 30;

    demo2.innerHTML = demo1.innerHTML;

    setInterval(Marquee, speed)

 

    function Marquee() {

        if (demo.scrollTop<demo2.offsetTop){

           demo.scrollTop++

        else {

           demo.scrollTop -= demo1.offsetHeight

           // demo.scrollTop =0

        }

    }

</script>