JS 鼠标点击隐藏 代码 导航栏默认隐藏,页面有个按钮button点击后nav导航栏显示
导航栏默认隐藏,页面有个按钮button点击后nav导航栏显示,再点一次按钮,nav导航栏隐藏...
导航栏默认隐藏,页面有个按钮button点击后nav导航栏显示,再点一次按钮,nav导航栏隐藏
展开
1个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>导航</title>
</head>
<body>
<input id="navdisplay" type="button" value="导航" />
<div id="nav">
<a href="#">栏目一</a>
<a href="#">栏目二</a>
<a href="#">栏目三</a>
<a href="#">栏目四</a>
</div>
<script>
var nav=document.getElementById("nav");
nav.style.display="none";
document.getElementById("navdisplay").onclick=function(){
if(nav.style.display=="none"){
nav.style.display="block";
}else{ nav.style.display="none"; }
}
</script>
</body>
</html>
就是如此简单。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询