js冲突？？？急！！

Question

<div title="" align="left" style="margin:2px;">
<div style="text-align:center;">
<DIV id=stu style="overflow:hidden;height :600px;width :190px;color:#ffffff;" align=center>
<DIV id=stu1> 
<!-- 定义图片 -->
<div align="right">
$index_stu_pic$
</div>
</DIV>
<DIV id=stu2></DIV>
</DIV>
</DIV><SCRIPT>
var spee=1
stu2.innerHTML=stu1.innerHTML
function Marquee(){
if(stu2.offsetTop-stu.scrollTop<=0)
stu.scrollTop-=stu1.offsetHeight
else{
stu.scrollTop++;
}
}
var MyMar=setInterval(Marquee,spee)
stu.onmouseover=function(){clearInterval(MyMar)}
stu.onmouseout=function(){MyMar=setInterval(Marquee,spee)}
</SCRIPT>
</div>
</div>
<div title="" align="left" style="margin:2px;">
              <div style="text-align:center;">
                <div id=shi style="overflow:hidden;height :600px;width :190px;color:#ffffff;" align=center>
                  <div id=shi1>
                    <!-- 定义图片 -->
                    <div align="center">$index_news_pic$</div>
                  </div>
                  <a href="/anlizhanshi/index_1.htm"></a>
                  <div id=shi2></div>
                </div>
              </div>
<script>
var sp=1
shi2.innerHTML=shi1.innerHTML
function Marquee(){
if(shi2.offsetTop-shi.scrollTop<=0)
shi.scrollTop-=shi1.offsetHeight
else{
shi.scrollTop++;
}
}
var MyMar=setInterval(Marquee,sp)
shi.onmouseover=function(){clearInterval(MyMar)}
shi.onmouseout=function(){MyMar=setInterval(Marquee,sp)}
</script>
</div>
这两个JS是我用来展示图片的，他们单独运行都正常，但是放在同一个页面的时候就不能正常运行了，鼠标经过哪一组都只停最后一哪个，这是不是JS冲突？应该怎么解决？要是我同时有四到五个在同一个页面的时候怎么样做才能不让它们之间产生冲突？

Answer 1

定义的两个MyMar,都是操作定时器导致取消定时引起的问题吧
分别改下名字试试

Answer 2

还有Marquee函数等等
你这是两段不同的操作
怎么用的名字都一样的...导致调用时出的问题

Answer 3

MyMar变量定义了2次
var MyMar1 ……;
var MyMar2 ……;

Answer 4

呵呵，csdn里面有专门的javascript专区哦