Description

This is a quick and dirty tutorial to show you how to implement JQuery to make yourself a footer bar like Facebook. This isn't a perfect example but works in IE.

What You Will Need

Demonstration

Refer to the demo here.

Implementing

Step One: Include the .js files

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

Step Two: Place the following between the head tags:

<script type="text/javascript">
 $(document).ready(main);
 function main(){
 $("#networkbar").makeFloat({x:"current",y:"current",speed:"fast"});
}		
</script>

#networkbar <- You can edit this to reflect the id of the div.
speed:"fast" <- options are: fast, medium, slow, normal. I edited this a bit to add the "medium" and to make fast scroll a bit faster than provided.

Step Three: Create the Div

In the demo, I included networkbar.php into index.php and added css to the networkbar id. I would suggest doing something similar so your network bar can be portable to other pages.