Question

我想在我的网站上放置一个链接，我希望它在onmouseover位置打开div，如果鼠标离开链接，我想关闭它。如果有人可以帮我吗？如果你能写功能那就太棒了，因为它会打开12个不同的div。

这个例子我试过但它没有用

<div id="mydiv" style="display: none">
  <h3>This is a test!<br> Can you see me?</h3> 
</div>
<p> 
  <a href="javascript:;" 
     onMouseOver="document.getElementById('mydiv').style.display = 'block'; }"    
     onMouseOut="document.getElementById('mydiv').style.display = 'none'; }">
     Toggle Div Visibility
  </a>
</p>

Answer 1

你只需要稍微清理属性 - 最后你还有额外的“}”。

<a href="javascript:;" 
     onMouseOver="document.getElementById('mydiv').style.display = 'block'"    
     onMouseOut="document.getElementById('mydiv').style.display = 'none'">
   Toggle Div Visibility
</a>

或者，您可以按照建议编写一个函数：

<a href="javascript:;" 
      onMouseOver="showElement('mydiv')" onMouseOut="hideElement('mydiv')">
   Toggle Div Visibility
</a>
<script type="text/javascript">
   function showElement(id) {
      document.getElementById(id).style.display = 'block';
   }
   function hideElement(id) {
      document.getElementById(id).style.display = 'none';
   }
</script>

如何用javascript打开div？鼠标悬停＆amp;鼠标样式

1 个答案: