Wednesday, December 7, 2011

Animation

For my portfolio that I created a couple quarters ago, I used an animated bar to show and hide my footer. It has a simple roll over effect using javascript and css. It can be used in multiple ways. I used it just to hide my footer, leaving the top of the bar with my name visible at all times. The css allows you to customize it for your specific needs...for example, I made mine match my web colors. Plus, I added a "scroll to the top" button that becomes visible once you scroll your page down and the footer bar would always cove up my "scroll to the top" arrow, which I didn't want to happen. With some minor adjustments, it works well for what I needed it for.

Visit my website to view my footer sticky bar...  http://www.gpadgitt25.aisites.com/port/index.html

Get the code here ... http://www.dynamicdrive.com/dynamicindex17/stickybar.htm