Grow your CSS skills. Land your dream job.

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 http://www.airside.co.uk/ 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!

    Brett

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

    This is a content box

    This is some description text

    Code:
    #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. http://charles-harvey.co.uk/examples/slideDesc/

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

You must be logged in to reply to this topic.

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