Semantic-UI 消息可忽略块类型

Semantic UI是一个开源框架，它有一些预定义的类，使我们的网站看起来漂亮且响应迅速。它类似于引导程序，因为它具有预定义的类供使用。它使用 CSS 和 jQuery 来构建界面。它有一些不同类型的元素可以帮助我们创建一个漂亮的网站。

Semantic-UI Message用于显示一些重要信息。 Dismissable Block Type用于在用户需要时隐藏消息。要隐藏消息，我们将使用 jQuery click() 方法。在本文中，我们将讨论 Semantic-UI 中的 Message Dismissable Block Type。

Semantic-UI Message Dismissable Block Type 类：

• message：该类用于创建消息。
• 关闭图标：该类用于创建关闭图标以关闭消息。

句法：

  
  

    ....
  

示例：以下示例演示了 Semantic-UI Message Dismissable Block Type。

HTML

  

    
    
    
    
    

  

    
        
            GeeksforGeeks
        
        
            Semantic-UI Message Dismissable Block Type
        
         
        
            
                 GeeksforGeeks 
            
            
                A Computer Science portal for geeks. 
            
        
    
    
        $('.message .close').on('click', function() {
            $(this).closest('.message').transition('slide');
        });
    

输出：

Semantic-UI 消息可忽略块类型

参考： https://semantic-ui.com/collections/message.html#dismissable-block