javaScript 隐藏与显示的代码

最新推荐文章于 2024-02-05 14:00:00 发布

嘿拜

最新推荐文章于 2024-02-05 14:00:00 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaWeb 文章标签： javascript html 隐藏显示

本文链接：https://blog.youkuaiyun.com/zhinengshiyanshi/article/details/50542270

JavaWeb 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一个简单的JavaScript应用案例，通过使用onMouseOver和onMouseOut事件，实现了鼠标悬停在按钮上显示文本，移开后文本消失的效果。此案例适合初学者练习JavaScript基本操作。

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

刚刚看了点javascipt 迫不及待的想联系下，想把鼠标放在一个按钮上编程文字，一移开又变回去。试了好几种方法都懵逼了，还是得问大神。。。其实大神一写感觉还是很简单,,,只是自己太欠缺了。。。。

<html>
	<head>
		<script language="javascript">
			function chg(){
				document.getElementById("btn").style.display="none";
				document.getElementById("str").style.display="block";
			}
			function leave(){
				document.getElementById("str").style.display="none";
				document.getElementById("btn").style.display="block";
			}
		</script>
	</head>
	<body>
		<p id="str" onMouseOut="leave()" style="display:none">hello world!~~</p>
		<input id="btn" type="button" value="ok" onMouseOver="chg()"/>
	</body>
</html>