案例一：全选、反选、取消实例

    

    
                          
      
               
                    
                         
选项
                         
IP
                         
PORT
                    
               
               
                    
                         
                         
1.1.1.1
                         
80
                    
                    
                         
                         
1.1.1.1
                         
80
                    
                    
                         
                         
1.1.1.1
                         
80
                    
               
          
        全选、反选、取消

案例二：菜单栏点击展开收起实例

　　本实例实现菜单栏点击一个菜单另一个菜单收起来，类似下图：

 　　

        
                          
      
            
       
                
        
         标题一
        
                
        
         内容一
        
            
       
            
       
                
        
         标题二
        
                
        
         内容二
        
            
       
            
       
                
        
         标题三
        
                
        
         内容三
        
            
       
    
      

 

案例三：模态编程框案例

本案例实现魔态编程框案例，点击添加会出现一个对话框，用于添加一行，编辑可以编辑当前行,删除可以删除当前行

 

 

 

    
                  添加    
      
               
        
                                          
1.1.1.1
                     
80
                     
                编辑                删除            
                
                
                     
2.2.2.2
                     
80
                     
                编辑                删除            
                
                
                     
3.3.3.3
                     
8000
                     
                编辑                删除            
                
           
      
    
          
      
        
       
            
                    
                
       
        
       
            
                    
                
       
    
      
    
          
      

 

 

 案例四：横向菜单切换

本案例实现横向菜单菜单切换，即点击菜单一现实内容一，点击菜单二，显示菜单二。。。

 

    
                  
      
        
       
            
        
         菜单一
        
            
        
         菜单二
        
            
        
         菜单三
        
        
       
        
       
            
        
         内容一
        
            
        
         内容二
        
            
        
         内容三
        
        
       
    
      
     

 

 

 

持续更新中。。。。。。。。。。。