语义 UI 弹出 HTML 类型

Semantic UI 是一个用 less 和 jQuery 构建的前端框架。它用于构建响应式和有吸引力的 Web 界面。在本文中，我们将看到 Semantic UI Popup HTML Type 。

语义 UI 弹出模块用于显示有关元素的附加信息。 HTML 类型的弹出窗口可以指定要用作弹出窗口内容的 HTML 代码。 HTML 内容可以指定为弹出模块的data-html属性的值。

Semantic-UI Popup HTML 类型属性：

• data-html：此属性保存 HTML 代码中您希望在悬停在元素上时作为弹出窗口显示的内容

句法：

    ...

示例 1：下面的示例显示了如何将评级模块添加为弹出窗口的 HTML 内容。

HTML

  

    Semantic-UI Popup HTML Type
    
    
    
    
    
  
    
        .ui.container {
            text-align: center;
        }
  
        h3#subheading {
            margin-top: 0px;
            margin-bottom: 30px;
        }
    

  

    
        
            GeeksforGeeks
            
              Semantic UI - Popup HTML Type
            
        
  
        
            Hover to see rating.
        
    
  
    
        $(".ui.button").popup();
    

  

输出：

语义 UI 弹出 HTML 类型

示例2：下面的示例是使用图像作为弹出内容。

HTML

  

    Semantic-UI Popup HTML Type
    
    
    
    
    
  
    
        .ui.container {
            text-align: center;
        }
  
        h3#subheading {
            margin-top: 0px;
            margin-bottom: 30px;
        }
    

  

    
        
            GeeksforGeeks
            
              Semantic UI - Popup HTML Type
            
        
  
        
            Hover to see the image as popup.
        
    
  
    
        $(".ui.button").popup();
    

  

输出：

语义 UI 弹出 HTML 类型

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