jQuery Quickbar

This is one of my multiple Experiments, please check out my blog for additional information.

Last Updated: 21/06/2010 to version 1.1

  1. Dual licensed under the MIT and GPL licenses:
  2. http://www.opensource.org/licenses/mit-license.php
  3. http://www.gnu.org/licenses/gpl.html

Successfully Tested on Firefox, Safari, Chrome, and Internet Explorer.

Configuration

  1. bgcolor(Hex Color)
  2. bordercolor(Hex Color)
  3. height(int)
  4. speed(normal/slow/fast or a value in milliseconds)
  5. align(str center/right/left)
  6. top(space between the document top and the text)
    1. Download!

What Is It?

QuickBar is a jQuery plugin made by Seich. It provides a fast and simple way to display a message in the form of a notice bar. Like commonly displayed by browsers. This bar slides down at the top of the page to display a message or notice of some kind. Currently QuickBar can display any type of information, allowing it be used for more than the simple notice bar. QuickBar is fully editable, and provides options to customize it in multiple ways.

The Code

Example 1

$('#quickbar').QuickBar();

Example 2

$('#quickbar').QuickBar({ bgcolor: "#ffff80", height: 30, speed : "slow", align : "center" });

Example 3

$('#quickbar').QuickBarClose(speed);