Jquery 在表格上表示工具提示的最佳方式

Jquery 在表格上表示工具提示的最佳方式,jquery,Jquery,我有一个表格,里面有很多信息需要显示在每个单元格上。我目前有代表信息存在的图像,在这些图像悬停时,我想显示其他信息。meetup.com和facebook风格的工具提示div给我留下了深刻的印象,它们显示了更多关于hover的信息,div将根据信息量进行扩展。表示此类信息的最佳方式是什么?我想使用jQuery/Javascript/HTML/CSS来实现这个效果 注1:我看过一些jquery插件,但它们似乎都使用标记的title属性来表示信息。但是我需要在工具提示上显示大量信息,还需要设置信息的

我有一个表格,里面有很多信息需要显示在每个单元格上。我目前有代表信息存在的图像,在这些图像悬停时,我想显示其他信息。meetup.com和facebook风格的工具提示div给我留下了深刻的印象,它们显示了更多关于hover的信息,div将根据信息量进行扩展。表示此类信息的最佳方式是什么?我想使用jQuery/Javascript/HTML/CSS来实现这个效果

注1:我看过一些jquery插件,但它们似乎都使用标记的title属性来表示信息。但是我需要在工具提示上显示大量信息,还需要设置信息的样式,因此使用title属性并没有多大帮助

注2:如果检测到表格的左/右或底部/顶部,则工具提示还需要调整其位置

查看图像以查看可能包含上述格式的表

你可以试试