本文介绍了一种使用纯HTML和JavaScript实现的鼠标悬停显示隐藏文本的效果。通过简单的代码示例，展示了如何利用HTML元素的onmouseover和onmouseout事件来控制文本的显示与隐藏状态。
<body>
<div id="warp" onmouseover="over()" onmouseout="out()">
<div id="text" style="display: none;">这里面有一段文字</div>
</div>
</body>
<script type="text/javascript">
function over(){
var div = document.getElementById('warp');//获取大div对象
var text = document.getElementById('text');//获取文字div对象
text.style.display="block";
}//鼠标进入显示文字
function out(){var div = document.getElementById('warp');
var text = document.getElementById('text');
text.style.display="none";
}//鼠标退出不显示文字 </script>
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
