My favorites | Sign in
Project Home Downloads Wiki Issues Source
Search
for
QuickBar_Usage  
MWPS QuickBar Usage and Information
Featured, Phase-Implementation, Phase-Deploy
Updated Jan 9, 2009 by sergioor...@gmail.com

Introduction

MWPS QuickBar is a simple jQuery plugin which allows you to add a browser like bar to the top of the page, this bar is cross browser compatible and easy to use.

Usage

To use the MWPS QuickBar you simply have to include the script link to jQuery and the QuickBar plugin.

<script src="jquery.js" type="text/javascript"></script>
<script src="MWPS QuickBar.js" type="text/javascript"></script>

when done you use a jQuery selector and attach the .QuickBar Command.

<script type="text/javascript">

$(function(){

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

});

</script>

and you should be done.you can add options by using an array and that way, customize the display.

<script type="text/javascript">
$(function(){
var options = {
     bgcolor: "#ffff80",
     height: 30,
	 speed : "slow",
	 align : "center"
}

  $('#quickbar').QuickBar(options);
});
</script>

Available Options

  • bgcolor: This Controls The Background Color.
  • bordercolor: Controls the color of the 1px line around the box.
  • height: Controls the height of the notice box.
  • speed: This is the speed at which the box slides down and up.
  • align: This controls the box's text alignment.

Sign in to add a comment
Powered by Google Project Hosting