function $(element){return element = document.getElementById(element);}

var Mar = $("Marquee");
var picH = 16;//图片高度
var scrollCount = 1;//一次滚动图片数量
var tmpH = 0;
var timer;
var img = Mar.getElementsByTagName("ul");
Mar.innerHTML += Mar.innerHTML;
Mar.onmouseover = function(){
  clearTimeout(timer);
}
Mar.onmouseout = function(){
  timer = tmpH == 0 ? setTimeout(start,3000) : setTimeout(start,3000);
}
function start(){
  if(tmpH < picH * scrollCount){
    loop();
    timer = setTimeout(start,100);
  }else{
    tmpH = 0;
    for(var i = 0; i < scrollCount; i++){
      Mar.appendChild(img[0]);
    }
    Mar.scrollTop = 0;
    timer = setTimeout(start,3000);
  }
}
function loop(){
  tmpH += 3;
  if(tmpH > picH * scrollCount)tmpH = picH * scrollCount;
  Mar.scrollTop = tmpH;
}
timer = setTimeout(start,3000);