Question

我想在某些字段中出现这些问号，如果用户将鼠标悬停在该字段上，则会显示一个包含该字段描述的窗口。

有没有人知道任何好的教程/方法吗？

Answer 1

您可以使用CSS：

.Help {
    display: none;
    ...
}
.Container:hover .Help {
    dislay: block;
}

<div class="Container">
    <input ... />
    <div class="Help"> ... </div>
</div>

这只会在其父.Help悬停时显示.Container元素您可以为每个输入字段单独.Container。

您应该将CSS添加到.Container和.Help以实现所需的布局。

Answer 2

Google "JQuery Tooltip"如果你想要一个JQuery DOM操作解决方案，那里有很多插件，我不会在这里列出所有插件。

编辑：

通过Google搜索"JQuery Tooltip Tutorial"我能够从this找到nettuts+教程，了解如何编写自己的JQuery工具提示插件。希望有所帮助。

Answer 3

您可以这样做：

$(".somelinkclass").hover(function() {
  // do something here when user mouses over 
}, function(){
  // do something here when the mouse leaves 
});

Answer 4

我们在工作中使用jQuery Tooltip来处理表单元素的帮助/信息。我们发现它是最简单的路线，最终变得如此简单：

<img src="./MyAwesomeImage.png" title="Some tool tip text"/>

    $("img[title]").tooltip({
        position: "center right",
        tipClass: "infoToolTip",
        offset: [-10, 0]
    });

JQuery：有没有人知道在jquery中使用鼠标效果的一种很酷的方法？

4 个答案: