在mouseover div上弹出消息

Question

试图让一个简单的弹出窗口出现在mouseover的div我按照答案说明框使用“onmouseover”但它不起作用。 我错过了什么？

<!DOCTYPE html>
<head>
<style>
    .parent .popup {
      display: none;
    }
    .parent:hover .popup {
      display: block;
    }
</style>
</head>

<body>
<script type="text/javascript">
    var e = document.getElementById('#parent');
    e.onmouseover = function() {
      document.getElementById('popup').style.display = 'block';
    }
    e.onmouseout = function() {
      document.getElementById('popup').style.display = 'none';
    }
</script>


<div id="parent">
    This is the main container.
    <div id="popup" style="display: none">some text here</div>
</div>

</body> 
</html>

Answer 1

有一些问题。 您正在引用CSS中的类（。是类和＃是id），第二，您不需要重载CSS显示无样式。 最后，在这种情况下，您不需要JavaScript。

请参阅工作示例。

 <!DOCTYPE html> <head> <style> #parent #popup { display: none; } #parent:hover #popup { display: block; } </style> </head> <body> <div id="parent"> This is the main container. <div id="popup">some text here</div> </div> </body> </html>

在mouseover div上弹出消息

问题描述

1 个解决方案

解决方案1
3 已采纳 2016-02-12 02:03:52

在mouseover div上弹出消息

问题描述

1 个解决方案

解决方案1 3 已采纳 2016-02-12 02:03:52

解决方案1
3 已采纳 2016-02-12 02:03:52