The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

jquery effect request

  • # April 7, 2009 at 7:05 am

    Hey Guys,

    Been a lurker on here for a good while but have now joined as i need your help!

    I’m a massive fan of jquery and im sure I have found something before to replicate what happens on the main image of this site they have used flash but im sure it can be replicated or has been using jquery, the slide downwards and relevant text appears when rolled over, almost like jcarousel but I can’t seem to find a working example that works the similer?

    Can anyone point me in the right direction, I would be so grateful!


    # April 9, 2009 at 12:27 pm
    $(document).ready(function() {
    $(“#box span”).animate({‘bottom’ : ‘0’})},
    $(“#box span”).animate({‘bottom’ : ‘-30px’});

    This is a content box

    This is some description text

    #box {width:300px;height:300px;position:relative;background:#36a;overflow:hidden}
    #box span {position:absolute;bottom:-30px;height:30px;background: #343;display:block; width:100%;}

    This will get you the sliding text on hover. Not sure about the other thing.

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed