Custom CSS3 Animated Notification Plugin With jQuery - message.js

File Size: 13.7 KB
Views Total: 907
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Custom CSS3 Animated Notification Plugin With jQuery - message.js

message.js is a simple, lightweight, CSS3 animated jQuery notification plugin which sends notifications of everything you want to your end users.

Basic usage:

1. Copy and include the JavaScript file jquery.message.min.js, and the style sheet jquery.message.min.css in your project.

<link href="jquery.message.min.css" rel="stylesheet">
<script src="//code.jquery.com/jquery-2.2.0.min.js"></script>
<script src="jquery.message.min.js"></script>

2. Display a basic notification messages on the screen.

$.message({
  title: 'Title',
  content: 'Content'
});

3. Change the position of your message.

$.message({
  title: 'Title',
  content: 'Content',
  position: 'topright', // topright|lowerleft|lowerright
});

4. Change the default theme.

$.message({
  title: 'Title',
  content: 'Content',

  // topright|lowerleft|lowerright
  position: 'topright', 

  // green|blue|red|yellow|black
  color: 'green'
  
});

This awesome jQuery plugin is developed by kyo4311. For more Advanced Usages, please check the demo page or visit the official website.