If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2

Thread: Animate Divs

  1. #1
    WDF Staff m3n0tu18's Avatar
    Join Date
    Jul 2011
    Hampshire, UK
    Member #
    265 times

    So im working with jquery now...."my god" you say "Really?!"...yes.

    Anyways the issues i am having. Or need help with specifically Is to animate a few divs...

    for instance.

    Nav div floats to the left. I want it to animate in upon page load. Originally be hidden then scrolls in.

    container div, exactly the same thing but from the right.

    top nav div. Exactly the same. But scrolls in from the top.

    Does anyone have any ideas how i can do it? or a tutorial somewhere which can teach me? Ive searched the 'oogle but cant seem to locate anything specific to my needs.. I want to cry.

    Look forward to hearing from ya.
    If you like my comments to your thread please click the LIKE button

    Check out my portfolio: Here!
    View my company Facebook Page
    View my company Website

    <<Plrease ignoer my typo's I have isdexlyia>>


  3. #2
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Oklahoma City
    Member #
    959 times
    The best tutorials I've found for jQuery are these:

    That said, for the nav div, set the position to relative and position it where you want it to start using the left offset. Then, something like so:

        $('.nav').animate({"left": "10px"}, "slow");
    Of course, you'll change ".nav" and "10px" to the right values for your situation. The other divs will be the same setup, with the values changed.
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."

Remove Ads

Posting Permissions

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

Search tags for this page

animate div when page load

Click on a term to search for related topics.
All times are GMT -6. The time now is 05:02 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: