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

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 才能正常工作，因为内联元素实际上没有宽度。

只需确保将此脚本放在 body 的底部；在头部执行它会给你一个空错误，因为 span ssd 还没有被创建。或者，如果您使用的是 jQuery，则可以将它放在 document.ready 函数中。