Question

javascript脚本 鼠标经过图片变色的疑问

网页中一个图片调试的时候正常，但放上两个变色的功能就同时失效了。请教。
源代码如下：
<script language="javascript">
function tswapImage(tidStatus){
if(tidStatus==0){
document.arrow_profile.src ="tarrow_hover.png";
} else if(tidStatus==1){
document.arrow_profile.src ="tarrow_select.png";
} else if(tidStatus==2){
document.arrow_profile.src ="tarrow.png";
}

}
</script>

<img src="tarrow.png" name="arrow_profile" width="18" height="15" align="top" class="arrow" onClick="javascript:showMenu('id_menu_profile')" onmouseup="javascript:tswapImage(1)" onmouseover="javascript:tswapImage(0)" onmouseout="javascript:tswapImage(2)">

我将<img~~~> 的内容复制一份时，两个图片变色的功能会同时失效。
onClick="javascript:showMenu('id_menu_profile')" 可以不用考虑它，我没有粘贴不关键的代码。

Answer 1

你复制了一份 img， 那就是有两个 name="arrow_profile" 的 img标签了，那么你代码里的：
document.arrow_profile.src ="tarrow_hover.png";
就分不清楚哪个是哪个了，你可以这样写，
document.getElementsByName('arrow_profile')[i].src ="tarrow_hover.png";

同时函数改为：function tswapImage(tidStatus, i){...}

调用的时候，指定一下，对于第一个：onmouseup="javascript:tswapImage(1， 0)"

第二个：
onmouseup="javascript:tswapImage(1, 1)"