JS无缝滚动图片的代码 麻烦大神帮我解释下每句的含义

var speed=10; ///图片左移速度时间毫秒数字越大速度越慢
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML; //克隆demo1为demo2
tab.scrollTop=tab.scrollHeight
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)// //当demo滚动至demo2的交界处。与就是与demo2重合时。offsetWidth与scrollLeft刚好相等
tab.scrollLeft-=tab1.offsetWidth //demo跳回初始位置
else{
tab.scrollLeft++;//demo开始重新移动
}
}
//setInterval让MyMar方法每隔多少秒执行一次，并把返回的调用次数ID

var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)}; //当鼠标移动demo上面时。调用clearInterval清除MyMar1.这样图片便不会在移动了。移到图片时，第一行和第二行的图片都会停止
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};重新setInterval让方法执行，这样图片会继续移动

在写字板的文件中的代码，说白了就是代码，在你运行终端的时候，系统会自动读取上面的代号，因此改变视觉效果。路遥改动只需要改动代号就可以改变你所看到的东西。

上面是你的样式设定，下面是用JS改变DIV里面的内容