Growl : jQuery Informative Messages Plugin

Installation

To install download one of these packages and include the jquery.growl.js and jquery.growl.css files in your head with the following:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js" type="text/javascript"></script><script src="javascript/jquery.growl.js" type="text/javascript"></script><link href="stylesheets/jquery.growl.css" rel="stylesheet" type="text/css" />

Example

Growling is easy:

<script type="text/javascript">  $.growl({ title: "Growl", message: "The kitten is awake!" });  $.growl.error({ message: "The kitten is attacking!" });  $.growl.notice({ message: "The kitten is cute!" });  $.growl.warning({ message: "The kitten is ugly!" });</script>