我正在制作一个网站,它允许用户更改视图选项。我使用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);
}});
});
发布于 2010-08-03 01:52:11
发布于 2010-08-03 01:54:47
jQuery的.animate()
将0
中的值传递给1
。
$(document.body).animate({opacity: 0}, 1000);
$(document.body).animate({opacity: 1}, 1000);
我确信.animate()
必须对您传递的值调用.parseFloat()
(或其他方法),这将使您的0%
变成0
(这是正确的),但您的100%
变成100
(这是不正确的)。
发布于 2013-12-17 06:03:31
您可以使用函数或类似以下内容:
$(document.body).animate({ opacity: 1/2 }, 1000);
https://stackoverflow.com/questions/3390361
复制相似问题