怎样改变图片按钮的图片?

<script language=javascript>
<!--
function changebutton()
{
window.event.srcElement.src="2.gif";
}
//-->
</script>
<html>
<body>
<form name="form">
<input type="image" src="1.gif" onmouseover="changebutton()">
</form>
</body>
</html>

解决方案 »

  1.   

    <script language=javascript>
    <!--
    function changebutton()
    {
    document.all.mxh.src="新的图片地址";
    }
    //-->
    </script>
    <html>
    <body>
    <form name="form">
    <input id="mxh" type="image" name="submit" src="图片地址" onmouseover="changebutton()">
    </form>
    </body>
    </html>
      

  2.   

    请问用id与用名称有区别吗?为什么用all
      

  3.   

    try :<script language=javascript>
    <!--
    function changebutton()
    {
    document.form.myButton.src="新的图片地址";
    }
    //-->
    </script>
    <html>
    <body>
    <form name="form">
    <input type="image" name="myButton" src="图片地址" onmouseover="changebutton()">
    </form>
    </body>
    </html>
      

  4.   

    可以用name，但type=image不属于form中的，只能用document.all.submit.src="新的图片地址";
      

  5.   

    <script language=javascript>
    <!--
    function changebutton()
    {
        document.all("aaa").src="新的图片地址";
    }
    //-->
    </script>
    <html>
    <body>
    <form name="form">
    <input type="image" name="aaa" src="图片地址" onmouseover="changebutton()">
    </form>
    </body>
    </html>这样可以的。
      

  6.   

    <html>
    <body>
    <form name="show">
    <input type="image" name="xy"  src="hay.jpg" onmouseover=this.src="pengyou.jpg" onmouseout=this.src="hay.jpg">
    </form>
    </body>
    </html>