Javascript 在鼠标上方显示DIV

在

mouseover

上，是否可以将此div附加到鼠标指针，以便其内容显示在mouseover上

<div id='show' style='display:none;'></div>

如果是这样的话，这是如何做到的？

试试这个：

<div id='show' onmouseover="this.style.display = 'block';"></div>

但要使其工作，div应该首先可见。但是，如果div是hiddne（display:none），那么onmouever事件将无法找到该div，并且不会对其触发任何事件。话虽如此，请尝试使用可见性属性

<div id='show' onmouseover="this.style.visibility = 'visible';"  onmouseout="this.style.visibility = 'hidden';"></div>

abc
那是abc！
函数位置（）{
var d=document.getElementById（'tip'）；
d、 style.visibility='visible'；
d、 style.left=event.screenX+'px'；
d、 style.top=event.screenY+'px'；
}
函数hide（）{
document.getElementById（'tip'）.style.visibility='hidden'；
}

---

当用户将鼠标移到“abc”div上时，“那是abc！”div将显示在鼠标光标旁边（并紧跟其后）。

k。你能告诉我这个密码有什么错吗。。var ele=document.getElementById（'show'）；document.getElementById（'show'）.innerHTML=el.innerHTML；元素宽度='200px'；标高=30px'；元素bgcolor='#a9a9'；元素颜色='#fff'；ele.position='absolute'；ele.display='block'$（window.mouseover（函数（event）{$（“#show”）.css（{'top'：event.pageY，'left'：event.pageX}）；$（'#show'）.height（）；}）；event.screenX+'py'应该是event.screenY+'px'@Hulk:该代码的问题在于它没有格式，无法读取。但是，更严重的是，

el

没有定义，而且您混合了jQuery和纯javascript代码——您是否加载了jQuery？另外，

height（）

调用不起任何作用@麦克：谢谢；固定。你不应该使用ele.style.width、ele.style.height等吗。？绿巨人，请提出一个新问题。

<div onmousemove="position();" onmouseout="hide();">abc</div>
<div id="tip" style="position: fixed; visibility: hidden;">that's abc!</div>
<script type="text/javascript">
  function position() {
    var d = document.getElementById('tip');
    d.style.visibility = 'visible';
    d.style.left = event.screenX + 'px';
    d.style.top = event.screenY + 'px';
  }
  function hide() {
    document.getElementById('tip').style.visibility = 'hidden';
  }
</script>