Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript jquery effect request

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #24518
    marginex
    Member

    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

    #56036
    chazzwick
    Member
    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)
  • The forum ‘JavaScript’ is closed to new topics and replies.