title: Show dropdown menu when image is moused over
body: <p>I am trying to have drop down menu whenever someone hover mouse over an image.</p>
  
  <pre><code>    &lt;div&gt;
          &lt;img id="whoimg" onmouseover="forImg(this)" src="/static/images/whoisitfor.png" height="70" style="cursor:pointer;"&gt;
      &lt;/div&gt;
  
      &lt;div style="position: absolute; right:30px; top: 23px;"&gt;
          &lt;span style="font-weight: bold;font-size:30px; color: #C4066B;"&gt;FOR&lt;/span&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>I am able to write onmouseover function. But as i am new at web development i don't know what to do next. I have Three images placed horizontally including above one.</p>
  
  <pre><code>function forImg()
  {
  alert("FOR");
  }
  </code></pre>
  
  <p>I have tried javascript but i am getting no where. Don't know what to do...Please help me</p>