Martian Wabbit Productions' QuickBar

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();
<html>
<head>
<title> Martian Wabbit Productions' QuickBar </title>
<script type="text/javascript" src="dir/to/jquery.js"></script>
<script type="text/javascript" src="dir/to/jquery.MWPS QuickBar.js"></script>
<script type="text/javascript">
$(function(){
$('#quickbar').QuickBar();
});
</script>
</head>
<body>
<h1> Hello World </h1>
<p>
Lorem Ipsum dolor sit amet....
</p>
<p id="#quickbar" style="display: none;">This is <b>MWPS's QuickBar</b> jQuery Plugin made by <a href="http://seich.martianwabbit.com"> Seich</a> </p>
</body>
<html>

Example 2

$('#quickbar').QuickBar({ bgcolor: "#ffff80", height: 30, speed : "slow", align : "center" });
<html>
<head>
<title> Martian Wabbit Productions' QuickBar </title>
<script type="text/javascript" src="dir/to/jquery.js"></script>
<script type="text/javascript" src="dir/to/jquery.MWPS QuickBar.js"></script>
<script type="text/javascript">
$(function(){ var options = {
bgcolor: "#ffff80",
height: 30,
speed : "slow",
align : "center"
} $('#quickbar').QuickBar(options);

});
</script>
</head>
<body>
<h1> Hello World </h1>
<p>
Lorem Ipsum dolor sit amet....
</p>
<p id="#quickbar" style="display: none;">This is <b>MWPS's QuickBar</b> jQuery Plugin made by <a href="http://seich.martianwabbit.com"> Seich</a> </p>
</body>
<html>

Example 3

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

Configuration

bgcolor(Hex Color)
bordercolor(Hex Color)
height(int)
speed(normal/slow/fast or a value in milliseconds)
align(str center/right/left)
top(space between the document top and the text)