javascript-在MouseOver上显示DIV

前端之家收集整理的这篇文章主要介绍了javascript-在MouseOver上显示DIV 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在鼠标悬停时,可以将该div附加到鼠标指针,以便在鼠标悬停时显示内容吗?

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

如果是这样,怎么做?

最佳答案
<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上时,“即abc!” div会显示在鼠标光标旁边(并紧随其后).

猜你在找的HTML相关文章