Home > Jquery > jquery Fade In, Fade Out

jquery Fade In, Fade Out

July 20th, 2009


My third jquery tutorial. This time I show you how to use the jquery fadein and fadeout functions. You can download the code here: www.quickit.net.au

Jquery ,

  1. BronsonQuick
    July 20th, 2009 at 16:43 | #1

    Ahh yep. It’s always good to run your code through the W3C HTML validator to pick up on missing tags hehe! I also don’t think I mentioned in any of the videos that jQuery is case sensitive! I should definitely make mention of that in future videos!

  2. EMHmark7
    July 20th, 2009 at 17:20 | #2

    Good thing to remember for beginners!
    If I don’t count a missing slash in a />, I spent time comparing your functions file with mine, because with yours it was working. I found! fadeIn(1000) and fadeOut(1000) are really case sensitive! I suppose same thing for all methods.
    Now it works! Thanks for your help.

  3. BronsonQuick
    July 20th, 2009 at 18:01 | #3

    Hey EMHmark7,

    I’ve just typed out the code for you this morning. I’ve added a link to the download in the video’s information.

    You will notice that I’m using jQuery 1.4.2 in that zip as that’s the latest version. I’m actually in the process of turning the URL in the link into a knowledge base over the next couple of weeks and I’ll be adding a lot more video tutes. If you start coding up your rollover buttons I’ll be more than happy to help you out!

  4. EMHmark7
    July 20th, 2009 at 18:04 | #4

    I am a beginner. For me it does not work. Video quality too bad so I need to guess some characters. Any place to dnload these lines?

    I want to be able to rollover a series of buttons, so some HTML will swap crossfading in the same area. Help more than welcome. Thanks.

  5. benjaminpott
    July 20th, 2009 at 18:59 | #5

    @DuSt1nkst australia

  6. denns0r
    July 20th, 2009 at 19:30 | #6

    sounds kiwi like (new zealand) :)

  7. DuSt1nkst
    July 20th, 2009 at 20:29 | #7

    Thanks a lot!
    Where are you from dude, love your accent x-D

  8. PHPManTut
    July 20th, 2009 at 21:20 | #8

    Your the best man thank you very much :)

  1. No trackbacks yet.

Powered by Yahoo! Answers