如何使用 onmouseover 显示一个小窗口答案

【问题标题】：How to display a little window with onmouseover如何使用 onmouseover 显示一个小窗口
【发布时间】：2012-01-11 05:47:17
【问题描述】：

当鼠标悬停在该链接上时，我正在尝试使用此代码显示一些数据：

<span  id="ssd" onmouseover="this.T_WIDTH=210;this.T_TITLE='(0/0) mqe= ';"><a href='http://en.wikipedia.org/wiki/Decision_tree_learning'>http://en.wikipedia.org/wiki/Decision_tree_learning</a></span><br/>

您是否发现有问题是因为我无法让它工作。

【问题讨论】：

在您的 onmouseover 中，您唯一要做的就是为变量设置值。没有函数可以对这些值做任何事情。
试试jQuery tipsy
你想让这个网址在窗口中打开吗？

标签： javascript html

【解决方案1】：

让我们远离这个 DOM 级别 0 的东西：

var spSsd = document.getElementById("ssd");
spSsd.addEventListener("mouseover", function () {
     this.style.width = "240px";
     this.setAttribute("title", "(0/0) mqe");
});

我假设您的 this.T_WIDTH=210 应该设置跨度的宽度，而 this.T_TITLE=(0/0) mqe 应该设置标题？上面的代码应该做到这一点，只需注意您需要将 span 设置为 display:block 以使其工作，因为内联元素实际上没有宽度。

只要确保你把这个脚本放在你身体的底部；在头部执行它会给你一个空错误，因为尚未创建跨度ssd。或者如果你使用 jQuery，你可以把它放在 document.ready 函数中。

【讨论】：

【解决方案2】：

一些建议尝试以下

jQuery Bubble Popup

JQuery Popup Bubble Question on Stackoverflow

【讨论】：