在 Materialise CSS 中解释对话框

如果用户需要，Materialize CSS 中的对话框会为用户提供额外的信息。这些在网页上直接不可见。对话转换与该时间点所需的信息相关。 Materialize 提供了各种显示对话框的方法。

句法：

Materialize.toast(string, time, styleClass,callback);

参数：

• 字符串：它是需要在对话框中显示的字符串。
• time：显示消息字符串的时间。
• 样式类：这是添加各种样式。
• 回调：此回调是吐司出炉后要调用的方法。

链接文件：将 materialize 和 jQuery CDN 包含在所有其他样式表之前的 标记中，以加载我们的 CSS 和 JavaScript。

示例：下面的示例显示了 Materialize CSS 中对话框的实现。

HTML

  

    
    
    
    
  
    
        function Toast1(string, timeLength) {
            Materialize.toast(
                '<em>' + string + '</em>', timeLength
            );
        }
        function Toast2(string, timeLength) {
            Materialize.toast(
                '<b>' + string + '</b>', timeLength, 'rounded'
            );
        }
        function Toast3(string, timeLength) {
            Materialize.toast(
                '<u>' + string + '<u>', timeLength
            );
        }
    

  

    
        Toasts
        
            Emphasized Alert!!
        
  
        
            Bold N rounded Alert!!
        
  
        
            Underlined Alert!!
        
    

  

输出：