Grow your CSS skills. Land your dream job.

BEAUTIFUL DROP DOWN MENU

  • # August 22, 2008 at 6:15 pm

    How is something like this acheived?
    http://www.arcinspirations.com/kobe/#

    Click on the yellow button at the top – Offers and Promos. Which specific js files would I need to pull this off? Any tutorials or advice would be greatly appreciated.

    # August 22, 2008 at 6:33 pm

    I’ve used Jquery to do this.
    Download from here – http://docs.jquery.com/Downloading_jQuery#Download_jQuery

    put this javascript in your header:

    Code:

    Replace "div#xyz" with whatever you want to appear, and replace "a#button" with whatever you want the user to click to make it happen. You can change the speed of the transition by replacing where it says "400", with different numbers. I think that should do it.

    # August 22, 2008 at 11:28 pm

    I use Adobe Spry Effects on my site for a similar effect: http://home.comcast.net/~daguy (click the Portfolio link).

    # August 22, 2008 at 11:58 pm

    Check out the example here:
    http://nettuts.com/javascript-ajax/buil … /#more-291

    You should be able to adapt that to work for ya. :D

    # August 23, 2008 at 6:45 am
    "chazzwick" wrote:
    I’ve used Jquery to do this.
    Download from here – http://docs.jquery.com/Downloading_jQuery#Download_jQuery

    put this javascript in your header:

    Code:

    Replace "div#xyz" with whatever you want to appear, and replace "a#button" with whatever you want the user to click to make it happen. You can change the speed of the transition by replacing where it says "400", with different numbers. I think that should do it.

    So do i just download jquery 1.2.6 and then that is it? I have downloaded it and now how exactly do i put it in my header?Sorry to be a pain. How des the above code know to call on the jquery js file?

    # August 23, 2008 at 5:15 pm

    You must source the jquery javascript. There seem to be lots of versions but you should put in the header section, something like:

    Code:

    .

    Hopefully, then it should work

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".