Home > Backend Development > PHP Tutorial > :同一个页面中不同按钮显示不同DIV层效果

:同一个页面中不同按钮显示不同DIV层效果

WBOY
Release: 2016-06-23 13:51:54
Original
1264 people have browsed it

   HI 各位,碰到一个类似这样的功能,同一个页面上有多个按钮,需要点击不同的按钮,在下方显示不同的层,按钮的多少是根据数据库信息的多少而来,下方的内容需要根据所点击的按钮信息而来
   以上  拜谢!


回复讨论(解决方案)

大家看看呀!!!!!

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

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

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


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

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

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

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

有示例可以参考下吗?谢谢

求助呢。。!有示例参考下吗?

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

 
          
          
  
  
  

<script> <br /> //按钮选择计算器事件 <br /> function ShowDiv(obj){//获取所有的1-7的div <br /> // 全局变量 <br /> var divs=[]; <br /> var divCnt = 7; //div 数量 <br /> //获取document <br /> for (var i=1;i<7;i++) { <br /> divs[i]= document.getElementById("div"+(i+1)); <br /> divs[i].style.display="none"; <br /> } <br /> <br /> document.getElementById(obj).style.display="block"; //显示当前的div <br /> <br /> } <br /> </script>

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template