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

WBOY
풀어 주다: 2016-06-23 13:51:54
원래의
1242명이 탐색했습니다.

   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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿