js中如何点击按钮层显示再次单击页面的其他位置层隐藏！！！

 我来答

4个回答

#热议# 生活中有哪些实用的心理学知识？

百度网友ddb2ec2
2010-10-28

知道答主

回答量：12

采纳率：0%

帮助的人：0

我也去答题访问个人页

关注

展开全部

我给你一个例子，你自己改哈
<html>
<head>
<script type="text/javascript">
function changeBody(index){
switch(index){
case 1:{
document.getElementById('iDBody1').style.display = "";
document.getElementById('iDBody2').style.display = "none";
document.getElementById('iDBody3').style.display = "none";
break;
}
case 2:{
document.getElementById('iDBody1').style.display = "none";
document.getElementById('iDBody2').style.display = "";
document.getElementById('iDBody3').style.display = "none";
break;
}
case 3:{
document.getElementById('iDBody1').style.display = "none";
document.getElementById('iDBody2').style.display = "none";
document.getElementById('iDBody3').style.display = "";
break;
}
}
}
</script>
</head>
<body>

<a href="javascript:changeBody(1)">模块A</a>
<a href="javascript:changeBody(2)">模块B</a>
<a href="javascript:changeBody(3)">模块C</a>

<div style="display: none" id="iDBody1">
模块(一)的相关内容
</div>
<div style="display: none" id="iDBody2">
模块(二)的相关内容
</div>
<div style="display: none" id="iDBody3">
模块(三)的相关内容
</div>
</body>
</html>

已赞过 已踩过<

评论收起

匿名用户
2015-06-26

展开全部

我给你一个例子，你自己改哈
<html>
<head>
<script type="text/javascript">
function changeBody(index){
switch(index){
case 1:{
document.getElementById('iDBody1').style.display = ""；
document.getElementById('iDBody2').style.display = "none"；
document.getElementById('iDBody3').style.display = "none"；
break；
}
case 2:{
document.getElementById('iDBody1').style.display = "none"；
document.getElementById('iDBody2').style.display = ""；
document.getElementById('iDBody3').style.display = "none"；
break；
}
case 3:{
document.getElementById('iDBody1').style.display = "none"；
document.getElementById('iDBody2').style.display = "none"；
document.getElementById('iDBody3').style.display = ""；
break；
}
}
}
</script>
</head>
<body>

<a href="javascript:changeBody(1)">模块A</a>
<a href="javascript:changeBody(2)">模块B</a>
<a href="javascript:changeBody(3)">模块C</a>

<div style="display: none" id="iDBody1">
模块(一)的相关内容
</div>
<div style="display: none" id="iDBody2">
模块(二)的相关内容
</div>
<div style="display: none" id="iDBody3">
模块(三)的相关内容
</div>。

已赞过 已踩过<

评论收起

百度网友396e15b
2010-10-28 · 超过39用户采纳过TA的回答

知道小有建树答主

回答量：298

采纳率：0%

帮助的人：40.7万

我也去答题访问个人页

关注

展开全部

给按钮一个点击事件 onclick，点击的时候显示。在点击隐藏

已赞过 已踩过<

评论收起

TeamAFGer
2010-10-28 · TA获得超过251个赞

知道小有建树答主

回答量：243

采纳率：0%

帮助的人：263万

我也去答题访问个人页

关注

展开全部

给层加onclick属性属性调用方法隐藏层其他位置加click属性调用隐藏曾的方法

已赞过 已踩过<

评论收起

1条折叠回答

更多回答（2）

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

js中如何点击按钮 层显示 再次单击页面的其他位置 层隐藏！！！

其他类似问题

为你推荐：

js中如何点击按钮层显示再次单击页面的其他位置层隐藏！！！