js自定义鼠标经过事件函数

window.onload = function(){
var menu = document.getElementById('menu');
var img = menu.getElementsByTagName('img');
menu.onmouseout = function(){
for(var i=0;i<img.length;i++){
var src = img[i].src;
if(src.indexOf('_over')!=-1) {
var index = src.lastIndexOf('.');
img[i].src = src.substr(0,index-5)+src.substr(index,src.length);
}
}
};
menu.onmouseover = function(){
for(var i=0;i<img.length;i++){
var src = img[i].src;
if(src.indexOf('_over')!=-1) continue;
var index = src.lastIndexOf('.');
img[i].src = src.substr(0,index)+'_over'+src.substr(index,src.length);
}
}
};

不谢，请叫我红领巾

追问

非常感谢,已经基本达到了,但是不应该是menu.onmouseout;这个div是最外层的,应该是img的div指向改变才对.要怎麼改?

追答window.onload = function(){
    var menu = document.getElementById('menu');
var div = menu.getElementsByTagName('div');
for(var j=0;j<div.length;j++){
div[j].onmouseout = function(){
var img = this.getElementsByTagName('img')[0];

var src = img.src;
if(src.indexOf('_over')!=-1) {
var index = src.lastIndexOf('.');
img.src = src.substr(0,index-5)+src.substr(index,src.length);
}

};
div[j].onmouseover = function(){
var img = this.getElementsByTagName('img')[0];
var src = img.src;
if(src.indexOf('_over')==-1) {
var index = src.lastIndexOf('.');
img.src = src.substr(0,index)+'_over'+src.substr(index,src.length);
}
}
}
};

追问

如果当前的html代码里的img src="img/xxx_over.png";这个不需要在onmouseout时移除_over.怎麼判断?

追答window.onload = function(){

    var menu = document.getElementById('menu');

 var div = menu.getElementsByTagName('div');

 for(var j=0;j<div.length;j++){

  div[j].onmouseover = function(){

   var img = this.getElementsByTagName('img')[0];

   var src = img.src;

   if(src.indexOf('_over')==-1) {

    var index = src.lastIndexOf('.');

    img.src = src.substr(0,index)+'_over'+src.substr(index,src.length);

   }

  }

 }

};

回答了这么久，你也给我套点咨询费什么的吧，哈哈。

追问

这个代码没有判断到吧!

追答

自己搞吧，你一句话我就要写这么多

温馨提示：答案为网友推荐，仅供参考

当前网址：https://verywind.cn/ee/27xvjr2r7fyf2e27ve.html