NToastJS toast plugin provides a JavaScript method to display a non-SPAM message at the top of a page.

toast message jquery example, bootstrap toast notification jquery, hide toast message jquery, jquery toast plugin, jquery toast message stack overflow

Features:

• Gradient background.
• Bottom countdown bar.
• Automatic rejection.
• Custom icons.

How to make use of it:

1. Load the latest jQuery library and NToastJS plugin files into the document.

<!-- jQuery -->
<script src="/path/to/cdn/jquery.slim.min.js"></script>

<!-- NToast plugin files -->
<link rel="stylesheet" href="/path/to/NToast.min.css">
<script src="/path/to/NToast.min.js"></script>

2. Create a new NToastJS instance and pass the following parameters:

/* 
  NToast(
   background,
   position,
   toastMessage,
   showIcon,
   iconClass,
   showProgress,
   autoDismissTime,
  )
/*
NToast(
  "#5060DC blur",
  "tl",
  "Welcome To NToastJs!",
  true,
  "fa fa-bell",
  true,
  100,
)

Non-obtrusive Toast Notification Plugin, NToastJS Github

See Demo And Download

Official Website(nShanidze): Click Here

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