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.

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