Implementation of javascript-based scrolling Images

Front-end:

Copy codeThe Code is as follows:
<Div class = "block">
<Div class = "title">
<Strong> service display </strong>
</Div>
<Div class = "content" id = "showroom">
<Div class = "wrapper index_footer_slide">
<Div id = "index_foot_slide">
<Div id = "in_index_foot_slide">
<Div id = "index_foot_slide1">
<Asp: Repeater ID = "repBottomPictures" runat = "server">
<ItemTemplate>
<A href = "">
'/> </a>
</ItemTemplate>
</Asp: Repeater>
</Div>
<Div id = "index_foot_slide2">
<Asp: Repeater ID = "Repeater1" runat = "server">
<ItemTemplate>
<Div>
<A href = "">
'/> </a> </div>
</ItemTemplate>
</Asp: Repeater>
</Div>
</Div>
</Div>
</Div>
</Div>
</Div>

Javascript:
Copy codeThe Code is as follows:
Var speed = 12; // The greater the number, the slower the speed.
Var tab = document. getElementById ("index_foot_slide ");
Var tab1 = document. getElementById ("index_foot_slide1 ");
Var tab2 = document. getElementById ("index_foot_slide2 ");
Tab2.innerHTML = tab1.innerHTML;
Function Marquee (){
If (tab. scrollLeft <= 0)
Tab. scrollLeft + = tab2.offsetWidth
Else {
Tab. scrollLeft --
}
}
Var MyMar = setInterval (Marquee, speed );
Tab. onmouseover = function () {clearInterval (MyMar )};
Tab. onmouseout = function () {MyMar = setInterval (Marquee, speed )};