Question

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

<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/>

你看错了，因为我无法使它发挥作用。

Answer 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应该设置标题？上面的代码应该这样做，只需注意您需要将跨度设置为 display：block ，以使其工作，因为内联元素实际上没有宽度。

请确保将此脚本放在身体的底部;在头部执行它会给你一个空错误，因为还没有创建范围ssd。或者，如果您使用的是jQuery，则可以将其放在document.ready函数中。

Answer 2

有些建议尝试以下

jQuery Bubble Popup

JQuery Popup Bubble Question on Stackoverflow

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

2 个答案: