在MouseOver上显示DIV

在mouseover该div是否可以附加到鼠标指针上，以便它的内容显示在鼠标悬停上？在MouseOver上显示DIV

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

如果是这样怎么做？

来源

2010-02-05 Hulk

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

当在 “ABC” DIV用户将鼠标移动时， “这是美国广播公司！” div显示在鼠标光标旁边（并在其后面）。 k。

来源

2010-02-05 11:34:52

k。你能告诉我这个代码有什么问题吗？ var ele = document.getElementById（'show'）; document.getElementById（'show'）。innerHTML = el.innerHTML; ele.width ='200px'; ele.height ='30px'; ele.bgcolor ='＃a9a9a9'; ele.color ='＃fff'; ele.position ='绝对'; ele.display ='block'; （'＃show“）。css（{'top'：event.pageY，'left'：event.pageX}）; $（'＃show'）。）.height（）; }）; – Hulk 2010-02-05 12:51:29

event.screenX +'py'应该是event.screenY +'px' – Mic 2010-02-05 12:52:41

@Hulk：该代码的问题在于它没有格式化并且无法阅读。更严重的是，'el'没有被定义，你正在混合jQuery和纯JavaScript代码 - 你有没有加载jQuery？而且，'height（）'调用什么也不做。 @Mic：谢谢;固定。 – 2010-02-05 12:56:19

试试这个：

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

但对于工作，DIV应该是可见的第一位。但是，如果div是hiddne（display：none），那么任何事件都将无法找到div并且不会触发它。话虽如此，试试这个使用知名度属性。

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

来源

2010-02-05 11:31:56 Sarfraz

在MouseOver上显示DIV

回答

相关问题