本文介绍了一种使用纯HTML和JavaScript实现的鼠标悬停显示隐藏内容的方法。通过简单的代码示例展示了如何利用`onmouseover`和`onmouseout`事件来控制元素的可见性，适用于网页中需要展示提示信息或额外细节的场景。
<div id="div1" style="visibility:hidden">
弹出的内容
</div>
<span onmouseover="javascript:document.getElementById('div1').style.visibility='visible';" onmouseout="javascript:document.getElementById('div1').style.visibility='hidden';">鼠标放上来</span>
</body>
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
