添加表格单元的悬停显示

我有一个表格，但它不是列表格式，这意味着不是列/行格式。我寻找特定的单元格来添加悬停事件，以显示单元格的描述。添加表格单元的悬停显示

$("#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

添加表格单元的悬停显示

回答

相关问题