Javascript 如何使用onmouseover？

我在JSP上显示了一个列表。鼠标悬停在任何值上，我需要显示与该值对应的描述。需要将描述显示为非警报，也不能将值设置为超链接。 如。 假设该值为ABC，则鼠标悬停时应显示AppleBoyCat。

---

需要使用onmouseover。让我知道怎么做。

你可以用两种方法来做：

1-一个隐藏的dom对象（例如div），当您滚动任何对象时，它会显示自己

或

2-您可以重写鼠标移动到的特定元素的html

您可以在加载其他所有内容时加载此数据（作为Javascript对象或标记，尽管这要大得多），也可以在鼠标悬停时从服务异步加载描述数据（尽管会有更多延迟）

---

jQuery是实现这一点的一种快速而肮脏的方法（比肮脏更快），但straight JS或几乎任何其他JS库也可以做到这一点。

您可以通过两种方式实现：

1-一个隐藏的dom对象（例如div），当您滚动任何对象时，它会显示自己

或

2-您可以重写鼠标移动到的特定元素的html

您可以在加载其他所有内容时加载此数据（作为Javascript对象或标记，尽管这要大得多），也可以在鼠标悬停时从服务异步加载描述数据（尽管会有更多延迟）

---

jQuery是实现这一点的一种快速而肮脏的方法（比脏的更快），但是straight JS或几乎任何其他JS库也可以做到这一点。

您想做什么？如果只想显示工具提示，可以设置任何元素的title属性，它将显示为工具提示

此外，

abbr

标记也可用作工具提示：

<abbr title="test">stuff</abbr>

东西

您想做什么？如果只想显示工具提示，可以设置任何元素的title属性，它将显示为工具提示

此外，

abbr

标记也可用作工具提示：

<abbr title="test">stuff</abbr>

东西

也许不是最干净的解决方案，但类似于：

<a class='hover' rel='tooltip'>Link</a>

//Some hidden div, putting css inline just for example
<div id='tooltip' style='display:none;'>Content</div>

$(function() {
    $('.hover').mouseover(function() {
        var tooltip = $(this).attr('rel');
        $('#' + tooltip).fadeIn();
    });
});

链接
//一些隐藏的div，例如将css内联
内容
$（函数（）{
$（'.hover'）.mouseover（函数（）{
var工具提示=$（this.attr（'rel'）；
$（'#'+工具提示）.fadeIn（）；
});
});

当然，还要添加一个回调来再次隐藏它。它只是从链接的rel中获取值，并用作div显示的id

这是一个快速而肮脏的解决方案，如果您只需使用它一点点，就可以使它变得更加平滑；） 还有很多插件，允许以更干净的方式实现相同的功能

---

*编辑：刚刚注意到你在另一篇文章中添加了一条评论，你不能使用jQuery。。不应该在帖子上贴上你不打算使用的标签。

也许不是最干净的解决方案，但应该是这样的：

<a class='hover' rel='tooltip'>Link</a>

//Some hidden div, putting css inline just for example
<div id='tooltip' style='display:none;'>Content</div>

$(function() {
    $('.hover').mouseover(function() {
        var tooltip = $(this).attr('rel');
        $('#' + tooltip).fadeIn();
    });
});

链接
//一些隐藏的div，例如将css内联
内容
$（函数（）{
$（'.hover'）.mouseover（函数（）{
var工具提示=$（this.attr（'rel'）；
$（'#'+工具提示）.fadeIn（）；
});
});

当然，还要添加一个回调来再次隐藏它。它只是从链接的rel中获取值，并用作div显示的id

这是一个快速而肮脏的解决方案，如果您只需使用它一点点，就可以使它变得更加平滑；） 还有很多插件，允许以更干净的方式实现相同的功能

---

*编辑：刚刚注意到你在另一篇文章中添加了一条评论，你不能使用jQuery。。不应该用你不打算使用的东西来标记帖子。

正如TJHeuvel已经说过的，你可以简单地使用

title

属性

最好的方法是从JSP中使用value和title属性构建列表，如果由于某种原因不可能，您可以构建每个值及其相应描述的客户端数组，然后使用JavaScript在鼠标上方动态分配标题

---

向我们展示更多代码以获得更多/更好的帮助。

正如TJHeuvel所说，您只需使用

title

属性即可

最好的方法是从JSP中使用value和title属性构建列表，如果由于某种原因不可能，您可以构建每个值及其相应描述的客户端数组，然后使用JavaScript在鼠标上方动态分配标题

---

向我们展示更多代码以获得更多/更好的帮助。

对于简单的工具提示，title属性是最有效的，正如TJHeuvel所指出的

如果您需要更高级的HTML和CSS格式的工具提示，我建议您使用外部库。 一个在没有jQuery ist wz_工具提示的情况下运行良好的工具

正确包含后，可以通过调用函数

Tip（）

和

UnTip（）

添加工具提示，如下所示：

<a href="index.htm" onmouseover="Tip('tip text')" onmouseout="UnTip();">Homepage </a>

---

对于简单的工具提示，正如TJHeuvel所指出的，title属性是最有效的

如果您需要更高级的HTML和CSS格式的工具提示，我建议您使用外部库。 一个在没有jQuery ist wz_工具提示的情况下运行良好的工具

正确包含后，可以通过调用函数

Tip（）

和

UnTip（）

添加工具提示，如下所示：

<a href="index.htm" onmouseover="Tip('tip text')" onmouseout="UnTip();">Homepage </a>

你能给我一个在鼠标位置打开div的1方法的例子吗？你能给我一个在鼠标位置打开div的1方法的例子吗？当我在编辑中添加时，我在添加评论之前就开始写文章了。考虑到帖子被标记为jQuery（现在已经被删除），用jQuery简单的方式回答是很自然的。不管怎么说，这个函数并不是一个很好的方法，更多的是一个指向它可以使用的方向的指针。但是在删除jQuery部分之后，这不是一个非常有价值的建议。因为我在编辑中添加了jQuery部分，所以我在添加评论之前就开始写这篇文章了。考虑到