JS 鼠标点击隐藏 代码 导航栏默认隐藏,页面有个按钮button点击后nav导航栏显示

导航栏默认隐藏,页面有个按钮button点击后nav导航栏显示,再点一次按钮,nav导航栏隐藏... 导航栏默认隐藏,页面有个按钮button点击后nav导航栏显示,再点一次按钮,nav导航栏隐藏 展开
 我来答
长城郭靖
推荐于2018-02-28 · TA获得超过729个赞
知道小有建树答主
回答量:1090
采纳率:47%
帮助的人:387万
展开全部
<!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>

就是如此简单。

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式