// JavaScript Document
function slideLine(box,stf,delay,speed,h)
{
  //取得id
  var slideBox = document.getElementById(box);
  //预设值 delay:几毫秒滚动一次(1000毫秒=1秒)
  //       speed:数字越小越快，h:高度
  var delay = delay||1000,speed = speed||20,h = h||30;
  var tid = null,pause = false;
  //setInterval跟setTimeout的用法可研究一下~
  var s = function(){tid=setInterval(slide, speed);}
  //主要动作的地方
  var slide = function(){
  //当滑鼠移到上面的時候就会暂停
    if(pause) return;
  //滚动条往下滚动 数字越大会越快但是看起來越不连贯，所以用1
    slideBox.scrollTop += 1;
  //滚动到一个高度(h)的时候就停止
    if(slideBox.scrollTop%h == 0){
  //跟setInterval搭配使用的
      clearInterval(tid);
  //將刚刚滚动上去的前一项加回到整列的最后一项
      slideBox.appendChild(slideBox.getElementsByTagName(stf)[0]);
  //再重设滚动条到最上面
      slideBox.scrollTop = 0;
  //延迟多久再执行一次
      setTimeout(s, delay);
    }
  }
  //滑鼠移上去会暂停 移走会继续动
  slideBox.onmouseover=function(){pause=true;}
  slideBox.onmouseout=function(){pause=false;}
  //起始的地方，沒有这个就不会动
  setTimeout(s, delay);
}
//网页load完会执行一次
//五个属性分別是：外面div的id名称、包在里面的标题
//延迟毫秒数、速度、高度

