在光标附近添加帮助文本

Question

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

Answer 1

您可以使用

JQuery UI库工具提示功能尝试此操作下载库并按此顺序包含在 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 正文中，您可以将这样的div 标记与标题属性中的工具提示文本一起使用

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