Js Code for horizontal image scrolling

<TABLE cellSpacing = 0 cellPadding = 0
Width = 100% align = center border = 0>
<TBODY>
<TR>
& Lt; TD width = "769" & gt;
<DIV id = demo
Style = "OVERFLOW: hidden; WIDTH: 550px; COLOR: # ffffff;
HEIGHT: 130px ">
<TABLE cellPadding = 0 align = left border = 0
Cellspace = "0">
<TBODY>
<TR>
<TD id = demo1 vAlign = top>
<TABLE cellSpacing = 0 cellPadding = 0 border = 0>
<TBODY>
<TR>
<TD> <A href = "#" target = _ blank>
Hspace = 2> </A> </TD>
<TD width = 15> </TD>
<TD> <A href = "#" target = _ blank>
Hspace = 2>
</A> </TD>
<TD width = 15> </TD>
<TD> <A href = "#" target = _ blank>
Hspace = 2> </A> </TD>
<TD width = 15> </TD>
<TD> <A href = "#" target = _ blank>
Hspace = 2> </A> </TD>
<TD width = 15> </TD>
<TD> <A href = "#" target = _ blank>
Hspace = 2> </A> </TD>
<TD width = 15> </TD>
</TR> </TBODY> </TABLE> </TD>
<TD id = demo2 vAlign = top> </TD> </TR>
</TBODY> </TABLE> </DIV>
<SCRIPT>
Var speed = 30 // The greater the speed, the slower the speed.
Demo2.innerHTML = demo1.innerHTML
Function Marquee (){
If (demo2.offsetWidth-demo. scrollLeft <= 0)
Demo. scrollLeft-= demo1.offsetWidth
Else {
Demo. scrollLeft ++
}
}
Var MyMar = setInterval (Marquee, speed)
Demo. onmouseover = function ()
{
ClearInterval (MyMar)
}
Demo. onmouseout = function ()
{
MyMar = setInterval (Marquee, speed)
}
</SCRIPT>
</TR> </TBODY> </TABLE>