2011-03-09 82 views
0

如何在懸停在行(tr)上時創建帶圖像的工具提示。 ?Javascript工具提示幫助

我的圖片網址: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的專家

+0

有很多很好的插件本:http://jquery.bassistance.de/tooltip/demo/就是其中之一。如果你不喜歡那個,試試Google的「jquery tooltip」 – peirix 2011-03-09 10:06:08

回答