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

Question

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

Answer 1

您可以尝试使用 JQuery UI 库工具提示功能 下载并按此顺序将库包含在您的 html 头标记中，

<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>