var speed=30
var MyMar=setInterval(Marquee,speed)
demo2.innerHTML=demo1.innerHTML
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
function Marquee(){
if(demo.scrollLeft<=0)
{
demo.scrollLeft+=demo1.offsetWidth;
}
else{
demo.scrollLeft--;
}
}
var MyMar=setInterval(Marquee,speed)
demo2.innerHTML=demo1.innerHTML
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
function Marquee(){
if(demo.scrollLeft<=0)
{
demo.scrollLeft+=demo1.offsetWidth;
}
else{
demo.scrollLeft--;
}
}
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body>
<div class="footer">
<div id="demo" class="noticeScroll" style="width:500px; height:50px; overflow:hidden; border:1px green solid; ">
<table cellpadding="0" cellspace="0" border="0">
<tr>
<td id="demo1" style="height:50px;">
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>1月11日系统将进行维护,届时将需要在凌.......</td>
</tr>
</table>
</td>
<td id="demo2" style="height:50px;"></td>
</tr>
</table>
</div>
</div>
<div id="ddd" class="">
</div>
<script type="text/javascript">
var speed=30;
var MyMar=setInterval(Marquee,speed)
demo2.innerHTML=demo1.innerHTML
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft>=0)
{
demo.scrollLeft++;
}
else{
demo.scrollLeft=0;
}
}
</script>
</body>
</html>