JS文字链接向上连续滚动


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS文字链接向上连续滚动</title>
  



<div id="div" style="overflow:hidden;height:111;width:260;background:#f5f5f5; line-height:26px;">
  <div id="div1">
    <li><a href="#">111比如事件在其中发生的元素</a></li>
    <li><a href="#">比如事件在其中发生的元素</a></li>
    <li><a href="#">111比如事件在其中发生的元素</a></li>
    <li><a href="#">比如事件在其中发生的元素</a></li>
    <li><a href="#">111比如事件在其中发生的元素</a></li>
    <li><a href="#">比如事件在其中发生的元素</a></li>
    <li><a href="#">111比如事件在其中发生的元素</a></li>
    <li><a href="#">比如事件在其中发生的元素</a></li>
  </div>
  <div id="div2"></div>
</div>

<div id="div3"></div>
<script>
(function(){
    ///////////////////////////////
    var div=document.getElementById('div');
    var div1=document.getElementById('div1');
    var div2=document.getElementById('div2');
    var div3=document.getElementById('div3');
    var timer1=setInterval(__1500kmMarquee,50);
    div2.innerHTML=div1.innerHTML;
    var str='';
    function __1500kmMarquee(){
        if(div2.offsetTop-div.scrollTop<=0){
            div.scrollTop-=div1.offsetHeight;
        }
        else{
            div.scrollTop++;
        }
        document.title=div.scrollTop;
        
        
        str+='<hr>div.scrollTop='+div.scrollTop;
        str+='<br>div.scrollLeft='+div.scrollLeft;
        str+='<br>div.scrollWidth='+div.scrollWidth;
        str+='<br>div.offsetHeight='+div.offsetHeight;
        str+='<br>div.clientWidth='+div.clientWidth;
        str+='<br>div.clientHeight='+div.clientHeight;
        
        
        str+='<hr>div1.scrollTop='+div1.scrollTop;
        str+='<br>div1.scrollLeft='+div1.scrollLeft;
        str+='<br>div1.scrollWidth='+div1.scrollWidth;
        str+='<br>div1.offsetHeight='+div1.offsetHeight;
        str+='<br>div1.clientWidth='+div1.clientWidth;
        str+='<br>div1.clientHeight='+div1.clientHeight;
        
        
        str+='<hr>div2.scrollTop='+div2.scrollTop;
        str+='<br>div2.scrollLeft='+div2.scrollLeft;
        str+='<br>div2.scrollWidth='+div2.scrollWidth;
        str+='<br>div2.offsetHeight='+div2.offsetHeight;
        str+='<br>div2.clientWidth='+div2.clientWidth;
        str+='<br>div2.clientHeight='+div2.clientHeight;
        
        
        div3.innerHTML=str;
        str='';
    }
    div.onmouseover=function(){clearInterval(timer1);}
    div.onmouseout=function(){timer1=setInterval(__1500kmMarquee,50);}
    
    ///////////////////////////////
})();

</script>

程序运行结果如下,点击这里亲自运行看看