javascript 缺少对象 请求高手帮助

<html>
<head>
    <title>鼠标离入离出切换图片</title>
    <script type="text/javascript">
        function MouseIn(imgUrl) {
            document.getElementById("MyImg").src = imgUrl;
        }
        function MouseOut(imgUrl) {
            document.getElementById("MyImg").src = imgUrl;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <img alt="" id="MyImg" src="Images/1.jpg"  width="200px;" height="200px;" onmouseover="MouserIn('Images/2.jpg')" onmouseout="MouserOut('Images/1.jpg')"/>
    </div>
    </form>
</body>
</html>//本人是当学javascript,所以不太懂,请各位高手帮忙解答,不知道这个哪里错了

解决方案 »

  1.   


    function MouseIn(imgUrl) {
      document.getElementById("MyImg").src = imgUrl;
      }
      function MouseOut(imgUrl) {
      document.getElementById("MyImg").src = imgUrl;
      }
     <img alt="" id="MyImg" src="Images/1.jpg" width="200px;" height="200px;" onmouseover="MouserIn('Images/2.jpg')" onmouseout="MouserOut('Images/1.jpg')"/>MouseIn——MouserIn
    MouseOut——MouserOut
      

  2.   

    你js中定义的函数名是MouseIn和MouseOut
    而你在html中调用的是MouserIn和MouserOut
      

  3.   


    <script type="text/javascript">
       function MouseIn(imgUrl) {
      document.getElementById("MyImg").src = imgUrl; 
      }
      function MouseOut(imgUrl) {
      document.getElementById("MyImg").src = imgUrl;
      }
    </script>
    <form id="form1" runat="server">
      <div onmouseover="MouseIn('2.jpg')" onmouseout="MouseOut('1.jpg')" style="1px solid red">
      <img alt="" id="MyImg" src="1.jpg" width="200px;" height="200px;" />
      </div>
    </form>这样比较好
      

  4.   


    你的代码问题在于
    <html>
    <head>
      <title>鼠标离入离出切换图片</title>
      <script type="text/javascript">
      function MouseIn(imgUrl) {
      document.getElementById("MyImg").src = imgUrl;
      }
      function MouseOut(imgUrl) {
      document.getElementById("MyImg").src = imgUrl;
      }
      </script>
    </head>
    <body>
      <form id="form1" runat="server">
      <div>
      <img alt="" id="MyImg" src="Images/1.jpg" width="200px;" height="200px;" onmouseover="MouserIn('Images/2.jpg')" onmouseout="MouserOut('Images/1.jpg')"/>
      </div>
      </form>
    </body>
    </html>调用的函数MouserIn  MouserOut 与定义的函数MouseIn MouseOut不对 是不是写错了啊
    改正就行了
    这是经过VS2008测试通过的
    <html>
    <head>
      <title>鼠标离入离出切换图片</title>
      <script type="text/javascript" language="javascript">
          function MouseIn(imgUrl) {
              document.getElementById("MyImg").src = imgUrl;
    //          document.body.style.zoom = "1.1";  //页面重新渲染
    //          document.body.style.zoom = 1;
          }
          function MouseOut(imgUrl) {
              document.getElementById("MyImg").src = imgUrl;
              //          document.body.style.zoom = "1.1";     //页面重新渲染方法一
    //          document.body.style.zoom = 1;
              //          document.body.style.display = "none";         //页面重新渲染方法二
    //          document.body.style.display = "";
          }
      </script>
    </head>
    <body>
      <form id="form1" runat="server">
      <div>
      <img alt="" id="MyImg" src="Images/MouseOut.jpg"  onmouseover="MouseIn('Images/MouseIn.jpg')" onmouseout="MouseOut('Images/MouseOut.jpg')"
       width="80%" height="90%" />
      </div>
      </form>
    </body>
    </html>