100分求一个按钮控制图片转换的代码

Question

<SCRIPT LANGUAGE="JavaScript">
<!--
var clickedObj = null;function clickIt(obj)
{
if(clickedObj != null)
    clickedObj.src = "a.ico"; clickedObj = obj;
obj.src = "c.ico";
}function overIt(obj)
{
if(obj.src.indexOf("c.ico") != -1)
return; obj.src="b.ico"; 
}function outIt(obj)
{
if(obj.src.indexOf("c.ico") != -1)
return; obj.src="a.ico";     
}
//-->
</SCRIPT><INPUT TYPE="image" src="a.ico" onmouseover="overIt(this)" onclick="clickIt(this)" onmouseout="outIt(this)">
<INPUT TYPE="image" src="a.ico" onmouseover="overIt(this)" onclick="clickIt(this)" onmouseout="outIt(this)">
<INPUT TYPE="image" src="a.ico" onmouseover="overIt(this)" onclick="clickIt(this)" onmouseout="outIt(this)">
<INPUT TYPE="image" src="a.ico" onmouseover="overIt(this)" onclick="clickIt(this)" onmouseout="outIt(this)">
<INPUT TYPE="image" src="a.ico" onmouseover="overIt(this)" onclick="clickIt(this)" onmouseout="outIt(this)">
<INPUT TYPE="image" src="a.ico" onmouseover="overIt(this)" onclick="clickIt(this)" onmouseout="outIt(this)">
<INPUT TYPE="image" src="a.ico" onmouseover="overIt(this)" onclick="clickIt(this)" onmouseout="outIt(this)">
<INPUT TYPE="image" src="a.ico" onmouseover="overIt(this)" onclick="clickIt(this)" onmouseout="outIt(this)">

Answer 1

把路径向外提一下。。<SCRIPT LANGUAGE="JavaScript">
<!--
var clickedObj = null;
var imgOut = "a.ico";
var imgOver = "b.ico";
var imgClick = "c.ico";function clickIt(obj)
{
    if(clickedObj != null)
        clickedObj.src = imgOut;    clickedObj = obj;
    obj.src = imgClick;
}function overIt(obj)
{
    if(obj.src.indexOf(imgClick) != -1)
        return;    obj.src = imgOver; 
}function outIt(obj)
{
    if(obj.src.indexOf(imgClick) != -1)
        return;    obj.src = imgOut;     
}
//-->
</SCRIPT><INPUT TYPE="image" src="a.ico" onmouseover="overIt(this)" onclick="clickIt(this)" onmouseout="outIt(this)">
<INPUT TYPE="image" src="a.ico" onmouseover="overIt(this)" onclick="clickIt(this)" onmouseout="outIt(this)">
<INPUT TYPE="image" src="a.ico" onmouseover="overIt(this)" onclick="clickIt(this)" onmouseout="outIt(this)">
<INPUT TYPE="image" src="a.ico" onmouseover="overIt(this)" onclick="clickIt(this)" onmouseout="outIt(this)">
<INPUT TYPE="image" src="a.ico" onmouseover="overIt(this)" onclick="clickIt(this)" onmouseout="outIt(this)">
<INPUT TYPE="image" src="a.ico" onmouseover="overIt(this)" onclick="clickIt(this)" onmouseout="outIt(this)">
<INPUT TYPE="image" src="a.ico" onmouseover="overIt(this)" onclick="clickIt(this)" onmouseout="outIt(this)">
<INPUT TYPE="image" src="a.ico" onmouseover="overIt(this)" onclick="clickIt(this)" onmouseout="outIt(this)"><以上脚本测试环境 - IE6.0 ， FireFox1.5>

Answer 2

谢谢  LxcJie(肖冲*爱*捷捷)我的意思是每个按钮都有3个图片,比如5个按钮就有15个图片,15个图片都不相同请帮忙再看看,谢谢

Answer 3

有3个图片也只能两张交互显示啊，就是 onMouseOver和onMouseOut

Answer 4

在LxcJie(肖冲*爱*捷捷)的基础上修改一下，定义图片名变量用数组，clickIt、overIt、outIt内部用循环判断onmouseover到第几个，obj.src = 相应的图片名瞎想的，不知道可不可行，hoho

Answer 5

你把图片命名规则化一下，然后就可以在LxcJie(肖冲*爱*捷捷)的基础上修改完成了