Semantic-UI 弹出菜单内容

Semantic UI开源框架提供图标或字形，用于显示与某些元素相关的图片，使用 CSS 和 jQuery，用于创建出色的用户界面。它是一个用于创建漂亮和响应式布局的开发框架。

语义 UI菜单是一组显示不同导航操作的元素。我们可以导航到网站的不同页面。菜单可以是链接、搜索栏和下拉菜单的组合。

语义 UI 弹出菜单内容用于显示大型内容或使用弹出菜单的附加菜单。弹出菜单可以包含一个全新的菜单。菜单使用语义弹出显示。

语义 UI 弹出菜单内容类：

• popup ：该类用于创建容器并显示弹出窗口。

句法：

  
    Other tutorials
    
  
  
  

      ...
  

示例：在以下示例中，我们在菜单前面有一个弹出窗口，其中显示了一个附加菜单。

HTML

  

  
  
  
  
  

  

  
    
        
          
            GeeksforGeeks
          
        
  
        
          Semantic UI Popup Menu Content
        
        
  
        
          
             Other tutorials
            
          
  
          
            
              Data Structure
            Algorithms
            Web Development
          
        
  
        
          GeeksforGeeks
        
          
        
          Data Structures
        
  
        
          Algorithms
        
      
    
  
    
  
    $('.item').popup({})
  

  

输出：

Semantic-UI 弹出菜单内容

参考： https ://semantic-ui.com/collections/menu.html#popup-menu