添加表格單元的懸停顯示

我有一個表格，但它不是列表格式，這意味着不是列/行格式。我尋找特定的單元格來添加懸停事件，以顯示單元格的描述。添加表格單元的懸停顯示

$("#TableID td").hover(function(){ 
//ifCellThatIWant 
    $(this).append("<span>Message that was brought in</span>"); 
    }, 
    function(){ 
    $(this).children().remove(); 
    });

問題是現在的問題是，所述懸停顯示一個跨距（與資訊內），我使用的jquery到跨度追加到當鼠標懸停細胞，其擴展了細胞，這是一種效果，即我不喜歡或不想要。我試圖擺脫桌子的外觀，但仍然是觸發事件的單元格;因爲如果跨度有很多信息。在其中，動態地擴展單元格將開始顯得非常討厭。如果我有一些類型的CSS方向，我將如何使鼠標懸停的「描述」跨度看起來不錯，這也將有所幫助。我的想法是，實現我想要的一種方法是在懸停時給予鼠標光標位置的附加跨度，但不確定它的正確方法或語法的樣子。

來源

2010-04-05 Jake

使跨度顯示爲塊，並設置z-index大於頁面上的其他任何值。然後，您可以絕對定位它，並將左側屬性和頂部屬性設置爲鼠標位置的x和y位置。

編輯：

這裏是我的意思演示 - >http://jsbin.com/odape。我建議在html的底部創建一個佔位符，以便用於每個單元格，然後更改要顯示的文本（不確定您是如何將它引入的，因此我沒有將它添加到我的例如：

來源

2010-04-05 19:21:09 ryanulit

所以從你的意見我的CSS應該是這樣的：css {display：block，z-index：10，top：e.PageY，left：e.PageX，position：absolute;} – Jake 2010-04-05 19:30:55

不完全是。我現在正在試着向你展示 – ryanulit 2010-04-05 19:33:46

這很好，但我也試圖用css反對只是單詞，我只是一個黃色的背景，你會知道那個css，例如，你平時看到的一個信息顯示..就像漫畫與上面的漫畫「雲」談話 – Jake 2010-04-05 20:08:17

添加表格單元的懸停顯示

回答

相關問題