анимация непрозрачности jQuery
Я делаю веб-сайт, и он позволяет пользователям изменять опции представления. Я использую jQuery для плавных анимаций для изменения шрифта. Это постепенно исчезает целая страница, и въезжайте задним ходом снова с новыми шрифтами.
Исчезновение анимация прекрасна, но когда это отходит назад в, существует, не исчезают. Это просто открывается, никакая анимация.
Проблематичный jQuery находится в http://xsznix.my3gb.com/options.php.
Код, который я имею до сих пор, является этим:
$('#font-classic').click(function(){
$(document.body).animate({opacity: '0%'},{duration: 1000, complete: function(){
// font changing code here
$(document.body).animate({opacity: '100%'}, 1000);
}});
});
2 ответа
Почему бы не использовать встроенные функции jQuery fadeIn и fadeOut ?
$('#font-classic').click(function(){
$('body').fadeOut('normal', function(){
$('body').fadeIn();
}});
});
jQuery's .animate () принимает значения от 0 до 1 .
$(document.body).animate({opacity: 0}, 1000);
$(document.body).animate({opacity: 1}, 1000);
Я уверен, что .animate () должен вызывать .parseFloat () (или что-то в этом роде) для передаваемых вами значений, в результате чего ваш 0 % в 0 (что верно), но ваш 100% в 100 , что было бы неверно.