推荐一个优雅的jQuery Toast消息插件 - akquinet/jquery-toastmessage-plugin

// 引入jQuery库
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 
// 引入Toast消息插件
<script src="jquery.toastmessage.js"></script>
 
// 页面加载完成后，使用Toast消息插件
<script>
$(document).ready(function(){
    // 显示一条简单的Toast消息
    $.toastmessage('show', '这是一条Toast消息。');
 
    // 显示一条带有图标的Toast消息
    $.toastmessage('showToast', {
        text: '这是一条带有图标的Toast消息。',
        sticky: false,
        imageAlign: 'top'
    });
 
    // 显示一条持久的Toast消息
    $.toastmessage('showToast', {
        text: '这是一条持久显示的Toast消息。',
        sticky: true,
        position: 'top-right',
        type: 'info'
    });
});
</script>

这段代码演示了如何在一个已经加载了jQuery的页面上使用akquinet/jquery-toastmessage-plugin插件来显示Toast消息。代码首先引入了必要的jQuery库和Toast消息插件，然后在文档加载完成后，使用$.toastmessage方法来显示不同类型的Toast消息。