Expanding a Nav Bar on page load using JS & CSS

Discussion in 'Coding Help' started by silentdrummer93, Jul 16, 2012.

Tags:
  1. silentdrummer93

    silentdrummer93 New Member

    Hey guys, I want to have my nav bar extend and the text fade in (as in the animation) when the page loads.

    I am very new to JavaScript, and have pretty much no idea what I'm doing.

    Any help would be appreciated!

    GIF was too big to upload..so I had to link it.. https://dl.dropbox.com/u/47836742/nav_bar.gif
     
  2. philip82

    philip82 New Member

    Here you go, I've posted in a few comments.
    It could be greatly improved, however it should work fine(requires jQuery).

    hit the RUN button to see it in action
    http://jsfiddle.net/KnGyM/4/

    OR If you wish to wait for the animation to complete first, try this

    http://jsfiddle.net/KnGyM/5/
     

Share This Page