冰天雪地裸体跪求！ JS特效之间冲突

1..两个代码都可以执行
2..一个JS是菜单 一个是图片滚动 
3..他们各自有个自的JS文件 
4..菜单JS有个onmouseover 和onmouseout 
5..图片JS使用的变量 递减 赋值给TOP 实现的向上滚动
6..他们之间没有变量上的冲突问题：：当我用鼠标指向菜单 触发onmouseover 和onmouseout 的时候 滚动中的图片会停顿一下 （大约就是0.1秒）----------------------------------------------------------
主文件代码
<script language="javascript">window.onload = function(){
on();//图片滚动
fun();//菜单
} 
</script>
------------------------------------------------------------
菜单.JS代码
function fun()
{
var a=document.getElementById("nav").getElementsByTagName("a")
for (var w=0; a.length>w;w++){
a[w].onmouseover=function(){
this.filters[0].apply();
this.style.background='#66CCFF'; 
this.style.border='1px solid #ffffff';
this.style.color='black';
this.style.fontWeight='900';
this.filters[0].play();
}
a[w].onmouseout=function(){
this.filters[0].apply();
this.style.background='';
this.style.border=''; 
this.style.color='#ffffff';  
this.style.fontWeight='400';
this.filters[0].play();
}
}
}
---------------------------------------------------
图片滚动JS代码
var i=0;     //px的值  让div向上移动
var j=0;     //滚动到了第几个图片
function  on()
{
i=i-1;          //让top 向上滚动
d1.style.top=i+"px";      //给top赋值 
if (i%251==0){           //250 是每个img的高度  判断图片是否已经完全显示
j++;   //滚动到一个图片 j+1 
 setTimeout('on()',2500); //滚动到一个图片就让他停顿2秒
if(j==document.getElementById("d1").getElementsByTagName("img").length-1){  //判断所有图片是否滚动完  length-1是为了减去最后一个重复的图片
j=0;  //滚到的图片数清零
i=0; //变为初始位置
d1.style.top="0px";  //返回第一个图片
}
}
else
setTimeout('on()',1);}
---------------------------------------------------------

解决方案 »

  1.   

    用css吧。
    伪类 作用
    :active 将样式添加到被激活的元素
    :focus 将样式添加到被选中的元素
    :hover 当鼠标悬浮在元素上方时，向元素添加样式 
    :link 将特殊的样式添加到未被访问过的链接 
    :visited 将特殊的样式添加到被访问过的链接
    :first-child 将特殊的样式添加到元素的第一个子元素 
    :lang 允许创作者来定义指定的元素中使用的语言 
      

  2.   

    a a a a a a 
      

  3.   

    最好贴上完整代码方便进一步调试。这应该是由于JS的单线程特性造成的，要想避免，需要在JS执行效率上下功夫。
      

  4.   

    当然，这需要你去整理的，比如<body>事件可以有很多效果，一个效果可以写一个js，具体怎么合成，按实际情况