首页 > 后端开发 > 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
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板