toast alert message kk - Free Download Clean Toast-like Alert Messages In jQuery - kk-message

Free Download Clean Toast-like Alert Messages In jQuery – kk-message

Posted on

This time I will share jQuery Plugin and tutorial about Clean Toast-like Alert Messages In jQuery – kk-message, hope it will help you in programming stack.

toast alert message kk - Free Download Clean Toast-like Alert Messages In jQuery - kk-message
File Size: 6.93 KB
Views Total: 685
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

kk-message is a tiny jQuery plugin to create various types of alert notification messages (success, warning, error, and loading) that automatically fade out after a certain timeout just like the Android Toasts.

How to use it:

1. Insert the JavaScript message.js after jQuery library and we’re ready to go.

1 <script src="/path/to/jquery.min.js"></script>
2 <script src="/path/to/jquery-kk-message/message.js"></script>

2. Create a Success notification.

1 kkMessgae.success('This is a SUCCESS message');

3. Create a Warning notification.

1 kkMessgae.warning('This is a WARNING message');

4. Create an Error notification.

1 kkMessgae.error('This is an ERROR message');

5. Create a loading indicator with custom loading text & a loading spinner.

1 kkMessgae.loading('Loading...');

6. To config the notification messages, override the parameters at the beginning of the message.js as follows:

01 // top offset
02 msgTop: 50,
03  
04 // CSS z-index property
05 zIndex: 12580,
06  
07 // auto dismiss after 3 seconds
08 duration: 3000,
09  
10 // start position
11 starTop: -50,

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