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
Your feedback and comments are appreciated..
Thank You
