|JQuery Tutorial: Footer Bar Like Facebook|
|Monday, 05 April 2010 07:57|
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.
Refer to the demo here.
Step One: Include the .js files
Step Two: Place the following between the head tags:#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 DivIn 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.
I don't like the "blinking" effect that happens when you scroll the page. I tried my best to stop that by editing this line:
However, any value lower than 1 causes the code to break.
Add a Comment
|Last Updated on Monday, 05 April 2010 08:25|