$(document).ready(function () {
                     $("#footer").mouseover(function() {
                                                 $("#footer").stop();
                                                 $("#footer").animate({
                                                                 bottom: "0",
                                                                 },100 
                                                                 );
                                                 })
                     $("#footer").mouseout(   
                                          function() {
                                                   $("#footer").stop();
                                                   $("#footer").animate({
                                                                  bottom: "-470",
                                                                  },100
                                                                  );
                                                                  });
                     
                     });