How to create a Hidden Footer?

Discussion in 'JavaScript' started by buywiser, Feb 16, 2011.

0
  1. #1
    HI,

    I was wondering how to create a hidden footer that will slide up in JS/JQuery?
    Does anyone know what to input to automatically slide the footer when hovered?
    Is it an .slideUp or .slideDown effect ?

    ex: Armani.com

    ps: I know that it's flash: would like to do it with JS or JQuery instead.

    Thanks for the help!

    -Noob
     
    Last edited: Feb 16, 2011
    buywiser, Feb 16, 2011 IP
  2. fri3ndly

    fri3ndly Active Member

    Messages:
    111
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    60
    #2
    All you need to do is some CSS & Jquery

    CSS:

    You need to absolutely position the element, something like:

    
#footer{position:absolute; width:100%; height:300px; bottom:-200px; left:0
    Code (markup):
    Then something like

    
$('#footer').hover( function (){
    $(this).animate({bottom:0});
},
    $(this).animate({bottom:0-200px});
);
    Code (markup):
    Please note I haven't tested this or made sure syntax is correct but should be something like you mean.
     
    fri3ndly, Feb 17, 2011 IP
  3. katty01

    katty01 Peon

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    wel its an tough one sry i wont b able to answer this qustn but m sure u can get some help from the link below......!
    i hope you will b back here after you sees the link!!!
    thanks!
    .
    .
    .
    .
    .

    artisangroup.biz
     
    katty01, Feb 18, 2011 IP