Question

求HTML网页的按钮代码

点击按钮一隐藏按钮二的内容。点击按钮二隐藏按钮一的内容。用DIV布局的按钮

Answer 1

<div style="width:301px;float:left;">
<div style="float:left; width:50px; height:23px; border:1px solid #CC3300; cursor:pointer;" onclick="changeDiv('1','2');">按钮1</div>
<div style="float:left; margin-left:3px; width:50px; height:23px; border:1px solid #CC3300; cursor:pointer;" onclick="changeDiv('2','1');">按钮2</div>
<div style="float:left; width:300px; border:1px solid #CC3300; height:100px; margin-top:5px;" id="div1">
按钮1按钮1按钮1按钮1按钮1按钮1按钮1按钮1按钮1按钮1按钮1按钮1按钮1按钮1按钮1内容
</div>
<div style="float:left; width:300px; border:1px solid #CC3300; height:100px; margin-top:5px; display:none;" id="div2">
按钮2按钮2按钮2按钮2按钮2按钮2按钮2按钮2按钮2按钮2按钮2按钮2按钮2按钮2按钮2按钮2按钮2按钮2内容
</div>
</div>
<script type="text/javascript">
function changeDiv(blockid,noneid){
document.getElementById("div"+blockid).style.display = "block";
document.getElementById("div"+noneid).style.display = "none";
}
</script>

追问

好像不是很全？

Answer 2

楼上