JS实现横向与竖向两个选项卡Tab联动的方法

本文实例讲述了JS实现横向与竖向两个选项卡Tab联动的方法。分享给大家供大家参考。具体如下：

这是一款横向、竖向联动的选项卡，其卡片内容是一样的，只不过多了一个操作途径，当点击一个选项卡的时候，另一个选项卡同样会指示出当的选项卡位置，也就是两者的功能是相同的，很巧妙的布局方法。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-hx-sx-tab-ld-demo/

具体代码如下：

 

  
最新精华帖
  
最新帖子
  
最旧帖子
  
新最帖子
  
旧最帖子
 
 

  

   
最新精华帖
   
最新帖子
   
最旧帖子
   
新最帖子
   
旧最帖子
  
  

   1
  
 
  

   2
  
 
  

   3
  
 
  

   4
  
 
  

   5
  
  
  
 

希望本文所述对大家的JavaScript程序设计有所帮助。