Rumah > pembangunan bahagian belakang > tutorial php > :同一个页面中不同按钮显示不同DIV层效果

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

WBOY
Lepaskan: 2016-06-23 13:51:54
asal
1263 orang telah melayarinya

   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>

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan