var speed=25//速度数值越大速度越慢,demo2.offsetWidth=demo1.offsetWidth=固定值
  var demo=document.getElementById('demo');
  var demo1=document.getElementById('demo1');
  var demo2=document.getElementById('demo2');
  demo2.innerHTML=demo1.innerHTML
  function Marquee(){
  if(demo2.offsetWidth-demo.scrollLeft<=0)//其实demo.scrollLeft是有最大值的，和demo0.width,引用的图片的width有关系。demo过了一半（每半内容一样的），重新开始循环
  demo.scrollLeft-=demo1.offsetWidth
  else{
  demo.scrollLeft++//不断的增加，相当于父容器的滚动条不断是缩小；但由于OVERFLOW: hidden; （滚动条不可见）
  }
  }
  var MyMar=setInterval(Marquee,speed)
  demo.onmouseover=function() {clearInterval(MyMar)}
  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}