循环jQuery字体大小动画
我目前有一行默认字体大小为24的文本。 我对其设置动画以将其调整回22:循环jQuery字体大小动画,jquery,css,animation,loops,font-size,Jquery,Css,Animation,Loops,Font Size,我目前有一行默认字体大小为24的文本。 我对其设置动画以将其调整回22: $(document).ready(function animateHeader() { $('#random_header').animate({fontSize : "22px"}, 500); }); 我想在24到22和22到24之间连续地来回循环这个动画。 我该怎么做 试一试 我认为真正的问题是为什么?…您可以将此动画放在单独的函数中,在最后一次动画制作时,您可以从起点再次调用此函数。但这太恶心了,还有其他方法可
$(document).ready(function animateHeader() {
$('#random_header').animate({fontSize : "22px"}, 500);
});
我想在24到22和22到24之间连续地来回循环这个动画。
我该怎么做
试一试
我认为真正的问题是为什么?…您可以将此动画放在单独的函数中,在最后一次
动画制作时,您可以从起点再次调用此函数。但这太恶心了,还有其他方法可以做到这一点。使用了上面的方法,但这一种确实更紧凑:)@Sagivo,请始终使用™ <代码>=
比较。@RokoC.Buljan我不同意。在这种情况下,===没有意义,因为我们不关心这是字符串还是int。始终使用===是错误的语句。不要将您的注释基于生成的调试器脚本。您应该知道在类型检查中===和==之间有一个不同的值。在这种情况下,类型检查没有用。我只是不喜欢挠头,因为我在2000多行中使用了==
而不是===
,我喜欢看到我的代码被“有效”调试。我不想让我的代码在定义之前通过不必要的转换-(
$(document).ready(function(){
function animateHeader(){
$('#random_header').animate({fontSize : 22}, 500,function(){
$(this).animate({fontSize : 24}, 500, animateHeader);
});
}
animateHeader();
});
function ani(size){
$('#random_header').animate({fontSize : size+"px"}, 500, function(){ ani((size==22) ? 24 : 22 ); } );
}
ani(24);
$(document).ready(function animateHeader() {
$('#random_header').animate({
fontSize: $('#random_header').css('fontSize') == '24px' ? '22px' : '24px'
}, 500, animateHeader);
});