一个页面放2段图片滚动代码出现冲突的问题如何解决

　　<div align="center">

　　<table style="TABLE-LAYOUT: fixed; border-collapse:collapse" cellSpacing=0 cellPadding=0 width=760 border=1 height="150" bordercolor="#1989D7">

　　<tr>

　　<td height="150">

　　<div id=demo style="OVERFLOW: hidden; WIDTH: 100%; HEIGHT: 150px">

　　<table cellPadding=0 align=left border=0 cellspace="0">

　　<tr>

　　<td id=demo1 vAlign=top><!--$最新图片$--></td>

　　<td id=demo2 vAlign=top></td>

　　</tr>

　　</table>

　　</div>

　　<SCRIPT>

　　var speed=25

　　demo2.innerHTML=demo1.innerHTML

　　function Marquee1(){

　　if(demo2.offsetWidth-demo.scrollLeft<=0)

　　demo.scrollLeft-=demo1.offsetWidth

　　else{

　　demo.scrollLeft++

　　}

　　}

　　var MyMar=setInterval(Marquee1,speed)

　　demo.onmouseover=function() {clearInterval(MyMar)}

　　demo.onmouseout=function() {MyMar=setInterval(Marquee1,speed)}

　　</SCRIPT>

　　<!--第二段向右滚动代码开始-->

　　<div id=gundong style="OVERFLOW: hidden; WIDTH: 568px; HEIGHT: 126px">

　　<table cellPadding=0 align=left border=0 cellspace="0">

　　<tr>

　　<td id=gundong1 vAlign=top>

　　<!--{$GetPicPhoto(3,0,true,0,20,false,false,0,1,1,126,90,20,0,true,20)}--> </td>

　　<td id=gundong2 vAlign=top></td>

　　</tr>

　　</table>

　　</div>

　　<script>

　　var speed=25

　　gundong2.innerHTML=gundong1.innerHTML

　　gundong.scrollLeft=gundong.scrollWidth

　　function Marquee1(){

　　if(gundong.scrollLeft<=0)

　　gundong.scrollLeft+=gundong2.offsetWidth

　　else{

　　gundong.scrollLeft--

　　}

　　}

　　var MyMar1=setInterval(Marquee1, speed)

　　gundong.onmouseover=function() {clearInterval(MyMar1)}

　　gundong.onmouseout=function() {MyMar1=setInterval(Marquee1, speed)}

　　</script>

　　<!--第二段向右滚动代码结束-->