关于同一个元素被两个onmouseover作用的时候冲突的问题！求大神帮解决啊！

Question

这是第一个function:

function tab(mt,y,ymt,ym,m)

{
$("."+mt).each(function(i){
$(this).mouseover(function(){
$("."+mt+"."+y).addClass(ym);
$("."+mt+"."+y).removeClass(ymt);
$(this).removeClass(ym);
$(this).addClass(ymt);
$("."+m+":visible").hide();
$("."+m).eq(i).show();
});});
}

$(function(){

tab("xhgyt>div","cc25","cc25 lk5","cc26","xhgy");

});
这是第二个:

<script type="text/javascript">
function addEventSimple(obj,evt,fn){
if(obj.addEventListener){
obj.addEventListener(evt,fn,false);
}else if(obj.attachEvent){
obj.attachEvent('on'+evt,fn);
}
}


addEventSimple(window,'load',initScrolling);


var scrollingBox;
var scrollingInterval;
var reachedBottom=false;
var bottom;


function initScrolling(){
scrollingBox = document.getElementById('xst');
scrollingBox.style.overflow = "hidden";
scrollingInterval = setInterval("scrolling()",50);
scrollingBox.onmouseover = over;
scrollingBox.onmouseout = out; 
}


function scrolling(){
var origin = scrollingBox.scrollTop++;
if(origin == scrollingBox.scrollTop){
if(!reachedBottom){
scrollingBox.innerHTML+=scrollingBox.innerHTML;
reachedBottom=true;
bottom=origin;
}else{
scrollingBox.scrollTop=bottom;
}
}
}


function over(){
clearInterval(scrollingInterval);
}
function out(){
scrollingInterval = setInterval("scrolling()",50);
}
</script>
被作用的元素：

<div class="w288 h160 fl xhgyt dian" id="xst">
          <div class="h40 lh40 cc25 lk5 cn tx15"><a target="_blank" href="#">ffff</a></div>
          <div class="h40 lh40 cc26 cn tx15"><a target="_blank" href="#">ffff</a></div>
          <div class="h40 lh40 cc26 cn tx15"><a target="_blank" href="#">ffff</a></div>
          <div class="h40 lh40 cc26 cn tx15"><a target="_blank" href="#">ffff</a></div>
        </div>
第一个function是控制鼠标移动到xst中的一个元素上时更换背景图片的，第二个是让xst内的元素上下自动滚动的，可是两个funtion冲突的，只有滚动好使，鼠标移动的不好使，改怎么解决啊？

Answer 1

虽然不是按你的方法，解决了

Answer 2

额，这行代码加在哪儿呢，大神指点，我不太懂js !

Answer 3

阻止内部元素事件冒泡

event.stopPropagation()