Results 1 to 2 of 2

Thread: Expanding a Nav Bar on page load using JS & CSS

  1. #1
    Frontpage User
    Join Date
    Jul 2012
    Posts
    1
    Post Thanks / Like

    Question Expanding a Nav Bar on page load using JS & CSS

    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. #2
    Frontpage User
    Join Date
    Jul 2012
    Location
    Waterford
    Posts
    8
    Post Thanks / Like

    Default

    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/
    Last edited by philip82; 20-07-2012 at 05:51 AM.

Similar Threads

  1. on page and off page
    By natural11 in forum Search Engine Optimisation
    Replies: 14
    Last Post: 26-03-2011, 03:35 PM
  2. jQuery and page loading times
    By Cunning Alias in forum Search Engine Optimisation
    Replies: 3
    Last Post: 20-07-2010, 03:19 PM
  3. How on page and off page optimisation are necessary a web site.
    By jenniewilson in forum Search Engine Optimisation
    Replies: 0
    Last Post: 14-06-2010, 08:50 AM
  4. SWF/TrojanDownloader.Agent.NAV trojan on clients site
    By Pixelcraft in forum Webmaster Discussion
    Replies: 1
    Last Post: 30-05-2009, 08:52 PM
  5. IE7 + google analytics causing "Error on page"
    By lostie in forum Webmaster Discussion
    Replies: 4
    Last Post: 18-06-2007, 09:27 AM

Visitors found this page by searching for:

No visitors have come to this page from a search engine, yet!

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •