本文共 501 字，大约阅读时间需要 1 分钟。

1、效果如图：

2、具体代码如下：

    
                    
Tabs on side
   
    
    
     
Tab1
    
     
Tab2
    
     
Tab3
    
     
Tab4
  
    
    
    
     
    
      
Tab1
    
      
content 1.
  
     
    
     
    
      
Tab2
    
      
content 2.
  
     
    
     
   	
      
Tab3
    
      
content 3.
  
     
    
     
    
      
Tab4
    
      
content 4.
  
     
  
    
   

3、总结

a、需要jQuery easytabs.js 。

b、tab显示在左还是在右，使用css控制ul float:right;   or   float:left;

4、需要的资源官方地址

http://jspkg.com/packages/easytabs

 5 若显示不成功 注意导入顺序 不要乱了~~