Page Content Continuous scrolling code

Page Content Continuous scrolling code

<title> Content continuous scrolling </title>


<div id= "demo" style= "OVERFLOW:HIDDEN;WIDTH:678PX; Height:105px;color: #ffffff "align=" center ">


<div id= "Demo1" >


<table width= "100%" border= "0" cellpadding= "0" cellspacing= "1" bgcolor= "#CCCCCC" align= "center" >


<tr>


<td><a href= "#" target= "_blank" ><img src= "Images/pdimages/g1.gif" width= "The Height=" = "0" ></a></td>


<td><a href= "#" target= "_blank" ><img src= "Images/pdimages/g2.gif" width= "The Height=" = "0" ></a></td>


<td><a href= "#" target= "_blank" ><img src= "Images/pdimages/g3.gif" width= "The Height=" = "0" ></a></td>


<td><a href= "#" target= "_blank" ><img src= "images/pdimages/g4.gif" width= "" height= "" border= "0" ></a></td>


<td><a href= "#" target= "_blank" ><img src= "Images/pdimages/g5.gif" width= "The Height=" = "0" ></a></td>


<td><a href= "#" target= "_blank" ><img src= "Images/pdimages/g6.gif" width= "The Height=" = "0" ></a></td>


<td><a href= "#" target= "_blank" ><img src= "Images/pdimages/g7.gif" width= "The Height=" = "0" ></a></td>


<td><a href= "#" target= "_blank" ><img src= "Images/pdimages/g8.gif" width= "The Height=" = "0" ></a></td>


<td><a href= "#" target= "_blank" ><img src= "images/pdimages/g9.gif" width= "" height= "" border= "0" ></a></td>


  


</tr>


</table>


</div>


<div id= "Demo2" ></div>


</div>

<script language= "JavaScript" >
var speed=80;
demo2.innerhtml=demo1.innerhtml; Clone Demo1 for Demo2

function Marquee () {
if (demo2.offsetwidth <= demo.scrollleft) {//when scrolling to the junction of Demo1 and Demo2
Demo.scrollleft = Demo.scrollleft-demo1.offsetwidth; Demo Jump to the top
}
else{
demo.scrollleft++;
}
}

var mymar=setinterval (marquee,speed); Set timer

Demo.onmouseover=function () {clearinterval (MyMar);} Clear timer to achieve scrolling stop on mouse move
Demo.onmouseout=function () {mymar=setinterval (marquee,speed);} Reset timer when mouse moves
</script>

<div class= "Clear" ></div>
</div>

</div></td>
</tr>
</table>

</td>
</tr>
</table>