This is a simple demo page for the jQuery Growl Plugin by David Higgins. A timer is set to display a 'notification' every 2.2s, and the configuration on this page displays each message for 4s. This page also utilizes a 'customized' template for jQuery Growl to show how easy it is to customize the look and feel of the Plugin.
The default implementation is not as 'pretty' looking, but it also does not require any images or additional dependencies.
The amount of time that the notice appears is configurable with the '$.growl.settings.displayTimeout' property, future releases may allow each individual notice to have a 'timeout' override.
To see the 'overlay' functionality, simply resize your browser to make the notices appear over this text.
You can change the default 'display' and 'remove' effects by overriding $.growl.settings.noticeDisplay and $.growl.settings.noticeRemove functions. Both take a parameter named 'notice' which is the notice in question, and 'noticeRemove' should also accept a 'callback' and call it as a final process (it is what removes the notice from the DOM -- if you don't handle this with your custom function, simply do "callback();" or pass "callback" to the .animate() function's 'complete' property)
The 'default' image is actually from Daniel Mota's 'Window.Growl', and is located here. You can use any image you want,
just place it in the same directory that your page is located in and name it 'growl.jpg' -- or use $.growl.settings.defaultImage to override it.