使用jquery动画元素的高度

Question

我有一些条形填充高度%,但正好在页面加载时我想要所有的条形填充然后减少到0.我知道如何用for循环填充它:

for(i = 1; i <= 100; i++)

但要让它回来

for(i = 100; i == 100; i--)

我只是不确定如何将它们组合在一起使变量变为100然后降低到0？

Answer 1

您正在寻找:

for(i = 100; i >= 0; i--)

但你可以这样做slideUp:

$('someElement')
    .hide()
    .slideDown(500, function () {
        $(this).slideUp(500);
    });

上面会像你想要的那样动画元素.如果您甚至想要animate制作更复杂的动画,那么该代码大致相当于以下内容:

$('someElement')
   .hide()
   .animate({ height: '100%' }, 500, function () {
        $(this).animate({ height: 0 }, 500);
    });

更新:这是一个jsFiddle演示.