Wednesday 3 March 2010

Client Project: Menu bar

I have chosen this kind of 'bar style' navigation for wildandwilder.com and I wanted each bar to grow when the mouse hovers over the link.
CSS only allows the bar to be one size when the mouse is hovered over the link (a:hover) and another size when the mouse is off the link (a:link) so I have opted for a Javascript alternative that animates a div's size. I found an example of growing and shrinking a div and by changing a few values and altering the CSS I have managed to create an animated menu using javascript.

0 comments: