Javascript工具提示帮助

时间:2011-03-09 09:55:21

标签: javascript jquery html

当将鼠标悬停在某一行(tr)上时,如何创建带有图像的工具提示。 ?

我的图片网址: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>

请在http://jsfiddle.net中显示示例 - 我不是javascript专家

1 个答案:

答案 0 :(得分:-1)

以下是我的解决方案:http://jsfiddle.net/egrMp/15/