› 首页 ›HTML/css/Js›正文

通过Js 控制html 某个元素显示或者隐藏（由此可做悬浮窗非常好用）

欲儿 HTML/css/Js 2022-05-27 287 0

直接给代码即可，也不用截图啦哈哈哈

<DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test</title>
<script type="text/javascript">
function view(id)
{	
	var a = document.getElementById(id).style.display;
	if(a == "block")
	{
		document.getElementById(id).style.display="none";
	}
	else
	{
		document.getElementById(id).style.display="block";
	}
}
</script>
<style>
.container img
{
	width:50%;
	margin-left:25%;
	margin-right:25%;
	///display:none;
}
.container input
{
	margin-left:45%;
	margin-right:45%;
	width:10%;
	border-radius:15px;
	font-size:30px;
	color:#00FFFF;
	background:#DC143C;
	line-height:45px;
}
</style>
</head>
<body>
	<div class =  "container">
		<input type="submit" name="submit" value="显示/隐藏" onclick="view('ret')" >
		<img class="toppic" id="ret" src="http://www.anyuer.club/zb_users/upload/2019/05/201905311559314412410009.jpg" ><img>
		
	</div>
</body>
</html>

版权声明

本文仅代表作者观点，不代表本站立场。
本文系作者授权发表，未经许可，不得转载。

评论