Semantic-UI Popup 预先存在的类型

Semantic UI是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且具有多种不同的元素，可以使您的网站看起来更加惊人。它使用一个类将 CSS 添加到元素中。

当用户将鼠标悬停在元素上时，弹出窗口会向用户显示有关元素的额外事实。语义 UI 为我们提供了一个样式化的弹出窗口。让我们看看各种Popup Pre-Existing Type Classes 。

语义 UI 弹出窗口预先存在的类型类：

• popup：创建一个标准的弹出窗口。

句法：

    ...

示例 1 ：在下面的示例中，我们创建了一个标准的预先存在的弹出窗口类型。

HTML

  

    Semantic UI Popup Pre Existing Type
    
  
    
    
  
    
    

  

    
        GeeksforGeeks
        Semantic UI Pre Existing Type
        
        
        
            Display a pre-existing popup
        
        
            I am a pre-existing popup
        
    
  
    
        $('.button').popup()
    

输出：

预先存在的弹出窗口

示例 2：在下面的示例中，我们创建了一个流体预先存在的弹出窗口，它占据了容器的整个宽度。

HTML

  

    Semantic UI Popup Pre Existing Type
    
  
    
   
  
    
    

  

    
        GeeksforGeeks
        Semantic UI Pre Existing Type
        
        
        
            Display a pre-existing popup
        
        
            Pre-Existing
            I am a pre-existing popup
        
    
  
    
        $('.button').popup()
    

输出：

流体预先存在的弹出窗口

参考： https://semantic-ui.com/modules/popup.html#pre-existing