YouTip

# jQuery Growl Plugin (Message Notification) The jQuery Growl plugin (message notification) allows you to easily display feedback messages in an overlay. The messages will automatically disappear after a period of time, without needing to click an "OK" button, etc. Users can also speed up hiding the message by moving the mouse or clicking the close button. The current version of the plugin is 1.0.0. Visit the (http://ksylvest.github.io/jquery-growl/) official website to download the ( plugin. ### Effect as follows: !(#) * * * ## Usage After downloading the plugin, import the jQuery library, jquery.growl.js, and jquery.growl.css files, like: To use the Growl plugin, select the text element you want to set and pass the text as a parameter to it: $.growl({title: "Message Title", message: "Message Content!"}); $.growl.error({title: "Error Title", message: "Error Message Content!"}); $.growl.notice({title: "Notice Title", message: "Notice Message Content!"}); $.growl.warning({title: "Warning Title", message: "Warning Message Content!"}); There are several available default options. If you are interested, you can view the complete example demonstration below. ### Example Demo jQuery Message plugin demo. $(function(){ $.growl({title: "Message Title", message: "Message Content!"}); $('.error').click(function(event){event.preventDefault(); event.stopPropagation(); return $.growl.error({title: "Error Title", message: "Error Message Content!"}); }); $('.notice').click(function(event){event.preventDefault(); event.stopPropagation(); return $.growl.notice({title: "Notice Title", message: "Notice Message Content!"}); }); return $('.warning').click(function(event){event.preventDefault(); event.stopPropagation(); return $.growl.warning({title: "Warning Title", message: "Warning Message Content!"}); }); }); [Try it »](#)