title: How to set up borders and style while image swapping in Javascript?
body: <p>i have a simple code, when i mouseover on image it is being changed, and when i mouseleave it returns first src value:</p>
  
  <pre><code>&lt;img id="myImage" onmouseover="changeImage()" onmouseleave="resetImage()" src="pic_bulboff.gif" width="100" height="180"&gt;
  &lt;script&gt;
  function changeImage() {
      var image = document.getElementById('myImage');
      image.src = "pic_bulbon.gif";   
  
  }
  
  function resetImage() {
       var image = document.getElementById('myImage');
           image.src =  "pic_bulboff.gif";
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>now i want to set up border, also when i mouseover on the image, it should be have border, for example: border: 2px solid red;
  how co i do this?</p>
  
  <p>thanks,</p>