求助：同一个页面中不同按钮显示不同DIV层效果

Question

百度一下：html选项卡，看看是不是你需要的
至于动态数据的问题，就是一个循环嘛

Answer 1

不是要选项卡的。因为是button控制

Answer 2

不是要选项卡的。因为是button控制 

Answer 3

选项卡是用div的话，想改成按钮就在里面加一个button，然后把onclick事件放到button上就行了吧

Answer 4

js控制 + ajax 请求不同数据。

Answer 5

先把按钮的个数写死（js控制div隐藏什么的），然后动态的取数据库个数。。

Answer 6

 <input type="button" value="" id="" class="button11" onclick="ShowDiv('div2')"/>
          <input type="button" value="" id="" class="button12" onclick="ShowDiv('div3')"/>
          <input type="button" value="" id="" class="button13" onclick="ShowDiv('div4')"/>
  <input type="button" value="" id="" class="button14" onclick="ShowDiv('div5')"/>
  <input type="button" value="" id="" class="button15" onclick="ShowDiv('div6')"/>
  <input type="button" value="" id="" class="button16" onclick="ShowDiv('div7')"/><script>
//按钮选择计算器事件
function ShowDiv(obj){//获取所有的1-7的div
// 全局变量
    var divs=[];
    var divCnt = 7; //div 数量
//获取document
    for (var i=1;i<7;i++) {
       divs[i]= document.getElementById("div"+(i+1));
   divs[i].style.display="none";
    }

     document.getElementById(obj).style.display="block"; //显示当前的div
    
}
</script>