通过Js 控制html 某个元素 显示或者隐藏（由此可做悬浮窗非常好用）
2022-05-27
直接给代码即可，也不用截图啦哈哈哈
<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="https://www.anyuer.club/zb_users/upload/2019/05/201905311559314412410009.jpg" ><img>
</div>
</body>
</html>
发表评论: