Question

求JS高手解答 图片切换问题

js文件：
var num=0;
var timeID;
function changeImg(){
var pic = document.getElementById("pic");
var img = document.getElementsByName("img");
num++;
if(num>3){
num=1;
}
//alert(num);
for(var i=0;i<img.length;i++){
if(img[i].innerHTML==num){
img[i].style.background="#28344D";
}else{
img[i].style.background="";
}
}
pic.src="images/pic/" + num+".jpg";
timeID = setTimeout("changeImg()",2000);
}
function mouseover(o){
var pic = document.getElementById("pic");
var img = document.getElementsByName("img");

pic.src = "images/pic/" + o.innerHTML + ".jpg";

for(var i=0;i<img.length;i++){
alert(o.innerHTML);
if(img[i].innerHTML==o.innerHTML){
img[i].style.background="#28344D";
}else{
img[i].style.background="";
}
}
clearTimeout(timeID);
}
function mouseout(){
changeImg();
}

html：
<div class=signing-img style="background:#FF6699">
<a href="#"><img id="pic" src="images/pic/1.jpg" class=img-size></a>
<div class="bottom-text">
<a class="text-a" href="" id="img" onMouseOver="mouseover(this)" onMouseOut="mouseout()">1</a>
<a class="text-a" href="" id="img" onMouseOver="mouseover(this)" onMouseOut="mouseout()">2</a>
<a class="text-a" href="" id="img" onMouseOver="mouseover(this)" onMouseOut="mouseout()">3</a>
</div>
</div>

为什么mouseover（）函数在加了alert那句后就能修改背景颜色成功，注释掉就不行啊？还有前面改变图片，图片是改了 但是下面那个改颜色没有改成功又是怎么个回事？改颜色哪里，修改是成功了的，但是显示上没有效果不知道为什么？昨天都一切正常，今天就不行了，坑爹啊。。。。

Answer 1

getElementsByName改为

getElementsByTagName

追问

还是不行耶，还有其他办法吗？

追答

还是老样子？没有任何变化？

追问

恩 没任何变化

追答

什么浏览器？

追问

IE 昨天做出来的时候都好好的，今天早上来打开就不行了。
mouseover函数里面的这句
alert(o.innerHTML);

注释起来就不行了，没有注释就行，这样每次鼠标移动过去就弹一次肯定不行的哈，为什么会出现这种情况捏？

追答

img[i].style.background="";

这句 给个值，赋值为 “” 的话这句会不起作用。

追问

这里赋值空是为了把其他非选择的背景改回来的，改了也不行哇

追答

呃，你把整个页面发给我，defiler123@163.com