Question

我正在尝试找到一个提示，当光标悬停在对象上时，如何通过光标添加帮助文本。有一个DIV元素（200px x 200px）当鼠标开启时我需要帮助文本apear在光标附近（例如请选择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主体中，你可以使用这样的div标签和title属性中的Tooltip文本

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

在光标附近添加帮助文本

1 个答案: