Easy Customizable jQuery Notification Plugin - cosyAlert

File Size: 9.46 KB
Views Total: 2372
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Easy Customizable jQuery Notification Plugin - cosyAlert

cosyAlert is a jQuery notification plugin that makes it easy to show various types of notifications (alert, error, success, notice) on your web page.


  • Ability to position notifications anywhere on the web page.
  • Ability to auto hide notifications after a timeout, with a progress bar-style countdown timer.
  • Supports sticky notifications.
  • JQuery based slide in & fade out transition effects.
  • Fully customizable via CSS and JS options array.
  • Notification queue supported.

How to use it:

1. Download and place the jQuery cosyAlert plugin's files in your web page as follow.

<link href="jquery.cosyAlert.css" rel="stylesheet">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="jquery.cosyAlert.js"></script>

2. Basic usage.

cosyAlert( message [, type ] [, options ] [, callback ] )

3. Configurations.

// parebt container
container : null,

// position
vPos : 'top',
hPos : 'center',

// auto hide
autoHide : true,

// auto hide timeout
autoHideTime : 5000,

// time between show/hide transitions
showTime : 400,
hideTime : 600,

// callbacks
onShowComplete : null,
onHideComplete : null

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