Question

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

<style type="text/css">
<!--
#demo {
background: #FFF;
overflow:hidden;
border: 0px dashed #CCC;
width:1075px;
}
#demo img {
border: 3px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
-->
</style>
<div id="demo">
<div id="indemo">
<div id="demo1">
<a href="#"><img src="file:///E|/web/image/1.bmp" border="0" /></a>
<a href="#"><img src="file:///E|/web/image/2.bmp" border="0" /></a>
<a href="#"><img src="file:///E|/web/image/3.bmp" border="0" /></a>
<a href="#"><img src="file:///E|/web/image/4.bmp" border="0" /></a>
<a href="#"><img src="file:///E|/web/image/5.bmp" border="0" /></a>
<a href="#"><img src="file:///E|/web/image/6.bmp" border="0" /></a></div>
<div id="demo2"></div>
</div>
</div>
<script>
<!--
var speed=10;
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script>

Answer 1

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让方法执行，这样图片会继续移动

Answer 2

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

Answer 3

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