Tiny CSS3 Animated Flash Message Plugin For jQuery - Slick Flash

File Size: 28.3 KB
Views Total: 1024
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Tiny CSS3 Animated Flash Message Plugin For jQuery - Slick Flash

Slick Flash is a lightweight jQuery plugin used to create sticky, CSS3 animated notification messages that currently comes with 4 different types: information, success, error and warning.

How to use it:

1. Include the latest version of jQuery JavaScript library and the jQuery Slick Flash plugin's files on the html page.

<link rel="stylesheet" href="slick-flash.css">
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="slick-flash.js"></script>

2. Display an 'Information' flash message that sticks to the bottom of the webpage.

$.slickFlash('information', 'This is an Information message');

3. Display a 'success' flash message that sticks to the bottom of the webpage.

$.slickFlash('success', 'This is a Success message.');

4. Display an 'error' flash message that sticks to the bottom of the webpage.

$.slickFlash('error', 'This is an Error message');

5. Display a 'warning' flash message that sticks to the bottom of the webpage.

$.slickFlash('warning', 'This is a Warning message.');

This awesome jQuery plugin is developed by Otterpocket. For more Advanced Usages, please check the demo page or visit the official website.