滚动文本效果

<script type="text/javascript">
function Dron_ScrollBox(uid)
{
 this.scrollBox = document.getElementById(uid);
 this.scrollBoxHeight = this.scrollBox.clientHeight;
 this.scrollBoxInner = this.scrollBox.innerHTML;
 this.scrollCol = this.scrolln = 0;
 this.setScroll = function ()
 {
  this.scrollBox.scrollTop = this.scrollCol + this.scrolln;
  if(this.scrolln==this.scrollBoxHeight)
   return this.addScroll()
  else
   this.scrolln ++;
  var o = this;
  function m(){o.setScroll();}
  setTimeout(m,0);
 }
 this.addScroll = function ()
 {
  this.scrollBox.innerHTML += "<br />" + this.scrollBoxInner;
  this.scrollCol = this.scrollBox.scrollTop;
  this.scrolln = 0;
  var o = this;
  function m(){o.setScroll();}
  setTimeout(m,4000);
 }
 this.init = this.addScroll;
}
//类的调用方法，可多个
//new Dron_ScrollBox("scrollBox3").init();
</script>

 

<div id="scrollBox3" class="graybox_text_">
      <ul>
        <li>·<a href="#" target="_blank">............公司</a></li>
        <li>·<a href="#" target="_blank">............公司</a></li>
        <li>·<a href="#" target="_blank">............公司</a></li>
        <li>·<a href="#" target="_blank">............公司</a></li>
        <li>·<a href="#" target="_blank">............公司</a></li>
        <li>·<a href="#" target="_blank">............公司</a></li>
        <li>·<a href="#" target="_blank">............公司</a></li>
        <li>·<a href="#" target="_blank">............公司</a></li>
        <li>·<a href="#" target="_blank">............公司</a></li>
        <li>·<a href="#" target="_blank">............公司</a></li>
        <li>·<a href="#" target="_blank">............公司</a></li>
        <li>·<a href="#" target="_blank">............公司</a></li>       
      </ul>
    </div>