「jQuery」- 显示自动隐藏的消息提示框

  CREATED BY JENKINSBOT

问题描述

我们希望 1)在页面上显示消息提示,以提示用户操作完成,2)但是不想有交互,即消息提示自动消失。

该笔记将记录:如何在页面上显示自动消失的提示消息(类似与 Andorid 的 Toast 方法)

解决方法

我们遇到的多数问题,别人都已经遇到过了,我们只要尽量去搜索答案。

jQuery + Notify.js

4.Packages and Build Tools:jQuery + Notify.js

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/notify/0.4.2/notify.min.js"></script>

$.notify("Access granted", "success");
$.notify("BOOM!", "error");

其他方法

10 Free CSS & JS Notification Alert Code Snippets for Web Designers

参考文献

Notify.js
notify (v0.4.2) – A simple, versatile notification library