jQuery plugin: Message



This plugin is no longer supported. Use something like jQuery Growl instead.



This plugin allows you to easily display feedback messages as an unobstrusive overlay. The message fades away automatically after some time, avoiding the need to click an “ok” button or something similar. The user can speed up hiding of the message by moving the mouse or clicking anywhere.

The interaction is based on Aza Raskin’s Humanized Message.

Kudos to the Humazined Messages plugin – this plugins adapts some of the CSS styles. Otherwise they are quite different: The API of this plugin adheres more to jQuery standards; there is no needlessly distracting message log; the display duration is carefully tuned to make it much easier to grasp the message content.

To use the plugin, select an element whose text to display, or pass the text as the argumnt:

$(function() {
  $().message("Hello world!");
  // or

The result would look like this:

Enter any text into the input and press enter or click the button to see it as a message. Notice the difference between doing nothing when the message is displayed, and moving the mouse around.
There are a few default options available, though there shouldn’t be a need to modify those. If you are interested, take a look at the source.

Current version: 1.0.0
License: MIT/GPL






  • Please post questions to the official Using jQuery Plugins Forum, tagging your question with (at least) “message”. Keep your question short and succinct and provide code when possible; a testpage makes it much more likely that you get an useful answer in no time.