Hoạt ảnh opacity jQuery

Question

Tôi đang tạo một trang web và cho phép người dùng thay đổi các tùy chọn chế độ xem. Tôi sử dụng jQuery để làm mịn các hình động để thay đổi phông chữ. Nó làm mất toàn bộ trang và quay lại với phông chữ mới.

Hoạt ảnh mờ dần là tốt, nhưng khi nó mờ dần, không bị mờ dần. Nó chỉ bật lên, không có hình động.

jQuery có vấn đề nằm trong http://xsznix.my3gb.com/options.php.

Code tôi có cho đến nay là thế này:

$('#font-classic').click(function(){ 
    $(document.body).animate({opacity: '0%'},{duration: 1000, complete: function(){ 
     // font changing code here 
     $(document.body).animate({opacity: '100%'}, 1000); 
    }}); 
}); 

Answer 1

Tại sao không sử dụng jQuery 's built-in chức năng fadeIn và fadeOut?

$('#font-classic').click(function(){ 
    $('body').fadeOut('normal', function(){ 
     $('body').fadeIn(); 
    }}); 
}); 

Answer 2

jQuery .animate() mất giá trị 0-1.

$(document.body).animate({opacity: 0}, 1000); 
$(document.body).animate({opacity: 1}, 1000); 

Tôi chắc chắn rằng .animate() phải gọi .parseFloat() (hoặc một cái gì đó) trên các giá trị bạn đang đi qua, mà sẽ làm cho bạn 0% vào 0 (đó là chính xác), nhưng 100% của bạn vào 100, đó sẽ là sai.

Answer 3

Bạn có thể sử dụng chức năng hay cái gì đó như thế này:

$(document.body).animate({ opacity: 1/2 }, 1000);