鼠标滑过显示隐藏层(转)

最新推荐文章于 2023-02-02 17:10:02 发布

转载最新推荐文章于 2023-02-02 17:10:02 发布 · 2.1k 阅读

文章标签：

#function #div

j2ee 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用 JavaScript 实现网页元素显示与隐藏效果的方法。通过定义 ddd 函数来控制 div 元素的 display 属性，实现鼠标悬停时内容的动态展示。文章包含具体的 HTML 和 JavaScript 代码实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script> 

function ddd(obj, sType) { 

var oDiv = document.getElementById(obj); 

if (sType == 'show') { oDiv.style.display = 'block';} 

if (sType == 'hide') { oDiv.style.display = 'none';} 





} 

</script> 

<a href="#" onmouseover="ddd('aa', 'show');" onmouseout="ddd('aa', 'hide');">显示</a> 

<a href="#" onmouseover="ddd('bb', 'show');" onmouseout="ddd('bb', 'hide');">显示</a> 



<div style="display:none;" id="aa" onmouseover="ddd('aa', 'show');" onmouseout="ddd('aa', 'hide');"> 

<a href="#">bb </a> 

<a href="#">bb </a> 

<a href="#">bb </a> 

<a href="#">bb </a> 

<a href="#">bb </a> 



</div> 

<div style="display:none;" id="bb" onmouseover="ddd('bb', 'show');" onmouseout="ddd('bb', 'hide');"> 

<a href="#">bb </a> 

<a href="#">bb </a> 

<a href="#">bb </a> 

<a href="#">bb </a> 

</div> 

</body>