Pie de página tipo Tumblr

Question

Cuando tiene habilitado el desplazamiento infinito en Tumblr, cuando coloca el mouse en la parte inferior del tablero, el pie de página se desvanece. ¿Cómo puedo usar esa técnica para mi sitio?

Answer 1

Si usa la biblioteca jQuery, será realmente fácil.

Asumamos que tiene la siguiente div pie de página con id = "pie" con estilo personalizado

<div id="footer" style="position:fixed;bottom:0px;left:0px;margin:0px;width:100%;opacity:0.001"> 
    <center>StackOverflow | About US | Privacy | Blah Blah Blah | Something </center> 
</div> 

continuación, agregue el java script siguiente

<script type="text/javascript"> 
    $(document).ready(function() { 
    $('#footer').hover(
     function(){ 
      $(this).stop().fadeTo('slow',1); 
     }, 
     function(){ 
      $(this).stop().fadeTo('slow',0.001); 
     }); 

    }); 
</script> 

asegurarse de que ha incluido el jQuery biblioteca, si no solo agregue la siguiente línea en la sección Cabeza:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>