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 |
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.