1

我正在寻找使用 jquery animate 将元素从宽度 0 设置为宽度 100% 的解决方案（我认为这不是正确的解决方案）。元素越大，动画越慢，因此当元素变大时，动画的速度应该越慢。没有太多的演示代码可以给你，所以我真的希望有人能理解我想要构建的东西。

// 代码（不是做这种事情的最好方法）

$('.element').animate({width: '20%'},2000,function(){
    $('.element').animate({width: '40%'},4000,function(){
        $('.element').animate({width: '60%'},8000,function(){
            $('.element').animate({width: '80%'},16000,function(){
                $('.element').animate({width: '100%'},32000,function(){

                });
            });
        });
    });
});

使用缓动并不能解决问题！

4

2 回答 2

2

尝试这个

var height = $('.element').height(),
    seconds = 1, 
    minRange = 500, 
    maxRange = 1500;
    time = height * seconds;

time = Math.min(time, maxRange);
time = Math.max(time, minRange);
$('.element').animate({width: '100%'},time);
于 2013-09-01T13:54:28.473 回答
0

你可以尝试使用线性

$('.element').animate({width: '100%'},1000 'linear')
于 2013-09-01T13:50:55.987 回答