首頁 > 後端開發 > php教程 > :同一个页面中不同按钮显示不同DIV层效果

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

WBOY
發布: 2016-06-23 13:51:54
原創
1276 人瀏覽過

   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>

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板