title: Javascript loading an image on hover over a link
body: <p>i am new to java script and i am designing my web site but i want to load a new image on a particular place of my web page when a user hover over the home,here is the code.</p>
  
  <pre><code>        &lt;html&gt;
          &lt;head&gt;
          &lt;/head&gt;
          &lt;body&gt;
          &lt;img src="yourImage.jpg" alt="Home" id="image1" onmouseover="image1.src='home.jpg';" onmouseout="image1.src='myImage.jpg';" /&gt; &lt;br /&gt;
          &lt;a href="#" onmouseover=image1.src='home.jpg';" onmouseout="image1.src='yourImage.jpg';"&gt;Hoover Me!&lt;/a&gt;
          &lt;/body&gt;
          &lt;/html&gt;
  </code></pre>
  
  <p>This code is not working.Please Help me to find out the error in code.</p>