🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

getNotified is an easy-to-use jQuery plugin to create responsive notification bars that slides out from the top or bottom of your web page.

Notification Notification-bar

Documentation

getNotified v1.0.1

A simple and effective jQuery plugin to view notifications on your website.

Features

  • Lightweight, easy to integrate in your website pages.
  • All you need are two simple lines of code.
  • Felixible options to take control of what you need to show.
  • Separate stylesheet for the plugin, so you can edit styles easily.
  • Promising to add more features and options in the upcoming versions.

getNotified Screenshot

How to use?

Include the getNotified.css in your page:

<link type="text/css" rel="stylesheet" href="getNotified.css">

Include the getNotified.js or getNotified.min.js after the jQuery script tag:

<script src="jquery.js"></script> <script src="getNotified.min.js"></script>

Add a div having .getNotifiedBox class to your html code:

<div class='getNotifiedBox'></div>

In a script tag <script> or in your page .js file, call the function getNotified(); for the target element

$(".notify").getNotified();

You can customize getNotified simply by passing arguments:

$(".notify").getNotified({     // Animation Speed (in MilliSeconds)     velocity: 500,     // Notification Position: "bottom" or "top"     position: "top",     // Notification Content: h1 Title     title: "GetNotified Title",     // Notification Content: h2 Title     subtitle: "GetNotified Subtitle",     // Notification Type: "success" or "warning"     type: "success",     // Delay Before Closing the Box (in MilliSeconds)     delay: 3200 });

getNotified Demo

View Demo Page

Your feedback and comments are appreciated..

Thank You


You May Also Like