js鼠标单击事件显示隐藏的DIV？
一共4个div，1号初始显示，234号初始隐藏。点击1号显示2号，点击2号显示3号，点击3号显示4号。（用axurerp倒是可以做到这个功能，但是我不知道如何用js实现功...
一共4个div，1号初始显示，234号初始隐藏。点击1号显示2号，点击2号显示3号，点击3号显示4号。（用axure rp倒是可以做到这个功能，但是我不知道如何用js实现功能）
以下是代码，希望各位大佬帮忙修改
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<script type="text/javascript">
function display(id){
var traget=document.getElementById(id);
if(traget.style.display=="none"){
traget.style.display="";
}else{
traget.style.display="none";
}
}
</script>
<body>
<input name="imgbtn" type="image" src="./images/1-01.png" onclick="display('lb')">
<div id="lb" style="display:none">
<input name="imgbtn" type="image" src="./images/1-02.png" onclick="display('lb')">
</div>
<input name="imgbtn" type="image" src="./images/1-03.png" onclick="display('lb')">
</div>
<input name="imgbtn" type="image" src="./images/1-04.png" onclick="display('lb')">
</div>
</body>
</html> 展开
以下是代码，希望各位大佬帮忙修改
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<script type="text/javascript">
function display(id){
var traget=document.getElementById(id);
if(traget.style.display=="none"){
traget.style.display="";
}else{
traget.style.display="none";
}
}
</script>
<body>
<input name="imgbtn" type="image" src="./images/1-01.png" onclick="display('lb')">
<div id="lb" style="display:none">
<input name="imgbtn" type="image" src="./images/1-02.png" onclick="display('lb')">
</div>
<input name="imgbtn" type="image" src="./images/1-03.png" onclick="display('lb')">
</div>
<input name="imgbtn" type="image" src="./images/1-04.png" onclick="display('lb')">
</div>
</body>
</html> 展开
展开全部
给div动态添加display的样式，block是显示，none是隐藏。
所以你上边空着的双引号里写上block就可以了。
所以你上边空着的双引号里写上block就可以了。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用js点击鼠标事件点击一个按钮，怎么显示隐藏的div <button id="btn">btn</button><div id="main"“>内容</div>jq:$("#btn").click(function(){$("#main").css("hidden","true")})
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<button id="btn">btn</button>
<div id="main"“>内容</div>
jq:
$("#btn").click(function(){
$("#main").css("hidden","true")
})
<div id="main"“>内容</div>
jq:
$("#btn").click(function(){
$("#main").css("hidden","true")
})
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<button id="btn">btn</button>
<div id="main"“>内容</div>
jq:
$("#btn").click(function(){
$("#main").css("hidden","true")
})
<div id="main"“>内容</div>
jq:
$("#btn").click(function(){
$("#main").css("hidden","true")
})
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用js点击鼠标事件点击一个按钮，怎么显示隐藏的div <button id="btn">btn</button><div id="main"“>内容</div>jq:$("#btn").click(function(){$("#main").css("hidden","true")})
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
