Pure JavaScript Growl-style Notification System – simpleNotify.js

Preview:

Description:

simpleNotify.js is a simple, standalone JavaScript notification library for displaying various types of notifications on your webpage with message queue support.

Features:

• Simple to use.
• Growl style.
• Auto dismiss after a certain timeout.
• Easy to stylize.
• Smooth fade in/out animations based on CSS3 transitions.

Basic usage:

Add the JavaScript file simpleNotify.js and stylesheet simpleNotifyStyle.css to your web page.

<script src="simpleNotify.js"></script>
<link rel="stylesheet" href="simpleNotifyStyle.css">

Displays a ‘warning’ notification at the right corner of your webpage that will dismiss after 5 seconds.

simpleNotify('Message here', 5, 'warning')

Parameters.

• Message: custom text/html content to display
• Timeout: auto dismiss after x seconds.
• Level: warning, good, danger or attention. You can add more notification types in the CSS.

simpleNotify(message, timeout, level)

Changelog:

10/21/2018

• Added notification show time and auto-dismissing

08/02/2018

• added support for closing icon