问题描述
我们希望 1)在页面上显示消息提示,以提示用户操作完成,2)但是不想有交互,即消息提示自动消失。
该笔记将记录:如何在页面上显示自动消失的提示消息(类似与 Andorid 的 Toast 方法)
解决方法
我们遇到的多数问题,别人都已经遇到过了,我们只要尽量去搜索答案。
jQuery + Notify.js
4.Packages and Frameworks + 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