JS 鼠标点击隐藏 代码 导航栏默认隐藏，页面有个按钮button点击后nav导航栏显示 200
2个回答
展开全部
<!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 src="jquery-1.*.*.min"></script>
<script>
$(function () {
$("#nav").hide();
$("#navdisplay").click(function () {
$("#nav").show();
})
})
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
微测检测5.10
2023-05-10 广告
您好！建议咨 深圳市微测检测有限公司，已建立起十余个专业实验室，企业通过微测检测就可以获得一站式的测试与认 证解决方案；(EMC、RF、MFi、BQB、QI、USB、安全、锂电池、快充、汽车电子EMC、汽车手机互 联、语音通话质量），认证遇...
点击进入详情页
本回答由微测检测5.10提供
展开全部
<!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>
就是如此简单。
<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>
就是如此简单。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
