Chân trang giống như Tumblr

Question

Khi bạn đã bật cuộn vô tận trên Tumblr, khi bạn đặt chuột ở cuối trang tổng quan, chân trang sẽ bị mờ dần. Làm cách nào để sử dụng kỹ thuật đó cho trang web của tôi?

Answer 1

Nếu bạn sử dụng thư viện jQuery, nó sẽ thực sự dễ dàng.

Cho phép giả định rằng bạn có div chân sau với id = "footer" với phong cách tùy chỉnh

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

Sau đó, thêm đoạn mã java sau

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

    }); 
</script> 

hãy chắc chắn rằng bạn đã bao gồm jQuery thư viện, nếu không chỉ cần thêm dòng sau vào phần Head của bạn:

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