Tumblr-подобный нижний колонтитул

Question

Когда у вас есть бесконечная прокрутка, включенная на Tumblr, когда вы наводите мышь на нижнюю панель вашей панели, нижний колонтитул затухает. Как я могу использовать эту технику для своего сайта?

Answer 1

Если вы используете библиотеку jQuery, это будет очень просто.

Давайте предположим, что у вас есть следующий колонтитул DIV с ID = «сноске» с пользовательского стиля

<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> 

Затем добавить следующий Java Script

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

    }); 
</script> 

убедитесь, что вы включили JQuery если вы не просто добавили следующую строку в свою головную часть:

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