Smooth Sliding Notification Bar Plugin - msgTips

Smooth Sliding Notification Bar Plugin - msgTips
File Size: 5.99 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

msgTips is an useful jQuery Plugin that add a Notification Bar on the top of your website with smooth fade in and fade out effects. It is usually used to display important messages to your visitors., visitors can then toggle the visibility of the bar by clicking the close button.

How to use it:

1. Include jQuery Library, msgTips.js and msgTips CSS

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="js/manhua_msgTips.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="css/css.css" />

2. Call the plugin with options

<script type="text/javascript">
$(function (){
	$("#ie").manhua_msgTips({
		Event : "click",			// Event
		timeOut : 4000,				// time out
		msg : "Hello World!",			// Messages
		speed : 300,				// speed
		type : "warning"			// success, error, warning

	});

});
</script>

3. Markup

<input type="button" id="ie" value="Hello World!" />

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