使用javascript通过类似悬停的stackoverflow显示内容详细信息

Displaying contents details via hover like stackoverflow with javascript

本文关键字:显示 stackoverflow 详细信息 悬停 javascript 使用      更新时间:2023-09-26

可能重复:
JQuery悬停时显示隐藏类

就像stackoverflow一样,当您将鼠标悬停在任何标签上时,它都会加载该标签的描述和详细信息。有没有一种方法可以让我用jquery这样的javascript插件手动完成这项工作。任何参考都将是格栅。

clueTip是一个很好的jQuery插件,它提供了带有内联和AJAX定义的工具提示。例如,AJAX定义可以通过以下HTML实现:

<a class="definition" href="link-to-tag.html" rel="ajax.html">tag</a>

并使用以下Javascript加载jQuery插件:

$('a.definition').cluetip();

如果你想使用jQuery,有很多插件和脚本可以获得类似的工具提示效果。在这里可以找到一个看起来相当不错的。

http://www.shahin.co.nr/16-cool-jquery-tooltip-plugins/

http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/