javascript - 在光标附近添加帮助文本

Question

我正在尝试找到一个提示，当光标悬停在对象上时如何通过光标添加帮助文本。有一个 DIV 元素(200px x 200px)，当鼠标在那个 DIV 上时，我需要在光标附近显示帮助文本(例如，请选择 smth ...)并在该 div 元素中跟随光标。也许有人知道是否有 JS 插件或 smth？到处搜索，但找不到这样的东西。

Answer 1

您可以使用 JQuery UI 库进行尝试 tooltip feature在您的 html head 标记中按此顺序下载并包含这些库，

<link href="css/smoothness/jquery-ui-1.9.0.custom.css" rel="stylesheet">
<script language="javascript" type="text/javascript" src="jquery-1.8.2.js"></script>
<script src="js/jquery-ui-1.9.0.custom.js"></script>

用于初始化带有光标跟随器的工具提示功能的 Jquery 代码

<script language="javascript" type="text/javascript">
$(document).ready(function() {
        $(document).tooltip({
            track: true
        });
}); 
</script>

在您的 html 正文中，您可以在 title 属性中使用这样的 div 标签和您的工具提示文本

<div id="divElement" class="tooltip" title="Your text here" style="width:200px; height:200px; border:#F00 1px solid">DIV TAG</div>