JavaScript工具提示帮助

Question

How do I create a tooltip with an image when hovering over a row (tr). ?

My image url: http://dk.orvillemedia.com/ads/banners/345/_125x125.jpg

<table id="tabel1" border="0" bordercolor="#000000" style="background-color:#FFFFFF" width="700" cellpadding="0" cellspacing="0">
<tr id="toptr">
      <td>Navn</td>
      <td>Bedommelse</td>
      <td>Vaerdi</td>
      <td>Tid</td>
      <td>Udtraekkes</td>
      <td>Type</td>
   </tr>
   <tr style="background: none repeat scroll 0% 0% white; cursor: pointer;" onclick="window.open('http://tracking.euroads.dk/system/tracking.php?sid=1&amp;cpid=3008&amp;adid=538706&amp;acid=4123&amp;eatrackid=13614')" onmouseout="this.style.background='white';" onmouseover="this.style.background='#99ff33';this.style.cursor='pointer'">
      <td style="padding-left: 5px;" width="320px">Vind 20.000 kr til dine faste udgifter hver måned i ...</td>
      <td>4 ud af 5</td>
      <td>20000 DKK</td>
      <td>2 min</td>
      <td>Nyhedsbrev</td>
      <td>18 July</td>
   </tr>
</tbody>
</table>

Please show an example in http://jsfiddle.net - I am not an javascript expert

Answer 1

这是我的解决方案： http : //jsfiddle.net/egrMp/15/