Easy To Customize jQuery Notification Message Plugin | cosyAlert

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

jquery notification message box, jqduery notification bar, jquery toast notification, jquery notification popup example, jquery notification popup

Angular ngx Bootstrap Alerts As Notifications Plugin

How to make use of it:

1. Download the jQuery cosyAlert plugin files and place them on your webpage.

<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


Configuration can be set globally or per instance.


defaultTypestring‘alert’The default type for alerts
useQueuebooleanfalseEnable/disable queue for alerts


containernull/stringnulljQuery selector for custom container
vPosstring‘top’Vertical position (top, middle, bottom)
hPosstring‘center’Horizontal position (left, center, right)
autoHidebooleantrueHide the alert automatically
autoHideTimeint4000Time in miliseconds for autohiding alert
showTimeint400Time in miliseconds for showing alert
hideTimeint600Time in miliseconds for hiding alert
onShowCompletenull/functionnullCallback when alert is shown
onHideCompletenull/functionnullCallback when alert is hidden

Easy Customizable jQuery Notification Plugin, cosyAlert Github

See Demo And Download

Official Website(xicrow): Click Here

This superior jQuery/javascript plugin is developed by xicrow. For extra Advanced Usages, please go to the official website.

Related Posts


Confetti Falling Animation Effect In JavaScript | party.js

Party.js is a JavaScript library to brighten user site experience with visual effects! Celebrate success with dom confetti! The library is written in TypeScript and compiled into…


Select Box Based Star Rating JavaScript Library | star-rating.js

star-rating.js is a small JavaScript library to create a customizable and gradually improved star rating control from a regular tick box with numeric values. The ES6 module…


Corner Fixed Notifications Alerts With Bootstrap | BS4 Show Notification

Bootstrap Notification is an easy-to-use jQuery plugin that uses the Bootstrap Alerts component to create static, rejectable, and stackable notification popups in the upper right corner of the…


Create Stackable Multi-level Sidebar Menu | HC Off-canvas Nav

Multi-Level Sidebar Slide Menu – HC MobileNav is a jQuery plugin for creating multi-level, mobile-first, totally accessible, off-canvas facet navigation that helps the infinite nesting of submenu…


Responsive Masonry Layout with SSR Support for Vue 3 | vue-masonry-wall

Vue masonry wall is a responsive masonry layout component for Vue 3 to deliver a Masonry-style responsive grid layout with SSR and RTL layout support. Features 📱…


A Bootstrap 5 Toast Notification Framework Library | bs-toaster

bs-toaster is simple to instantiate bs-toaster and create multiple toasts effortlessly using native Bootstrap 5! Feature Facts Small and clean Modern browser support. No IE sorry 💥…