Roll Down/roll Up On Hover Js
I have these flash navigation buttons: https://www.fusioncontrolcentre.com/Flash/Top%20Navigation%20Buttons.swf
I want to make it in html/css/javascript.
I have coded some of it to where I have the buttons look the way I want. I need someone to code the javascript to make them roll down, then rollup on mouse entering and mouse leaving so that it acts just like the current nav buttons.
Here is what I have so far (all css is in that same page): http://www.fusioncontrolcentre.com/new_nav_buttons/nav.html
Note that I want the text to remain stationary, and the image to slide down. The bottom of the images (everything below the bar in the middle), is never shown after the entrance. It is hidden behind an overlapping div tag.
Should be quick and easy for a javascript expert.
