一段按页自动滚动文字或图片的Js代码

< div  id =demo  style ="position:relative;padding:10px;border:solid 1px green;BACKGROUND: #ffffff; OVERFLOW: hidden; WIDTH: 510px; COLOR: red; HEIGHT: 100px" >
     < div  id ="demo1"  style ="position:relative;" >
      您的图片或者要滚动的内容1 < br >
      您的图片或者要滚动的内容2 < br >
      您的图片或者要滚动的内容3 < br >
      您的图片或者要滚动的内容4 < br >
      您的图片或者要滚动的内容5 < br >
      您的图片或者要滚动的内容6 < br >
      您的图片或者要滚动的内容7 < br >
      您的图片或者要滚动的内容8 < br >
      您的图片或者要滚动的内容9 < br >
      您的图片或者要滚动的内容10 < br >
      您的图片或者要滚动的内容12 < br >
      您的图片或者要滚动的内容13 < br >
      您的图片或者要滚动的内容14 < br >
      您的图片或者要滚动的内容15 < br >
      您的图片或者要滚动的内容16 < br >
      您的图片或者要滚动的内容17 < br >
      您的图片或者要滚动的内容18 < br >
      您的图片或者要滚动的内容19 < br >

     </ div >
</ div >
< SCRIPT  language =javascript >
     var speed=2000;
     function scrollit()
     {

        var obj=document.getElementById("demo1");
        obj.style.posTop=obj.style.posTop-100;
        var offH=obj.style.posTop+obj.offsetHeight;
        alert(obj.style.posTop);
        if (offH<0)
        {
            obj.style.posTop=0;
        }
     }
     setInterval(scrollit,speed);
</ SCRIPT >  

一次滚动一页，如果滚动图片就把div中的数据换为图片，用li元素定义也可以