求指导,希望帮忙

J2EE 码拜 5年前 (2016-04-28) 410次浏览
不使用框架实现点击一个div之后隐藏之前的div,显示点击的div求指导,希望帮忙
解决方案

5

可以试一下,看看是不是你要的效果

<script src="jquery-1.8.3.js"></script>
 <body>
  <button id="btn1" onclick="btn1()">测试</button>
	<div id="div1" style="background:#999999; display:none;">
		<button id="btn2" onclick="btn2()">第一个div</button>
	</div>
	<div id="div2" style="background:#666; display:none;">
		<button id="btn3" onclick="btn3()">第二个div</button>
	</div>
 </body>
<script>
	function btn1(){
    document.getElementById("div1").style.display="block"; 
}
function btn2(){
    document.getElementById("div1").style.display="none";
    document.getElementById("div2").style.display="block";
}
function btn3(){
    document.getElementById("div2").style.display="none";  
}
</script>

15

<script src="jquery-1.8.3.js"></script>
 <body>
  <button id="btn1" onclick="btn1()">测试</button>
	<div id="div1" style="background:#999999; display:none;">
		<button id="btn2" onclick="btn2()">第一个div</button>
	</div>
	<div id="div2" style="background:#666; display:none;">
		<button id="btn3" onclick="btn3()">第二个div</button>
	</div>
 </body>
<script>
	function btn1(){
    $("#div1").show();
	$("#div2").show();
}
function btn2(){
    $("#div1").hide();
    $("#div2").show();
}
function btn3(){
    $("#div2").hide();  
	$("#div1").show();
}
</script>

CodeBye 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明求指导,希望帮忙
喜欢 (0)
[1034331897@qq.com]
分享 (0)