【问题标题】:Jquery animate easingJquery 动画缓动
【发布时间】:2011-10-24 13:32:00
【问题描述】:

快速问题:如何在没有任何缓动参数的情况下调用 jQuery 的 animate()?例如没有任何影响。

干杯!

【问题讨论】:

    标签: javascript jquery jquery-animate


    【解决方案1】:

    $('#elem').animate({
        top: '0px',
        left: '0px'
    }, 5000, 'linear');
    

    jQuery API中提取:

    jQuery 库中唯一的缓动实现是默认的, 称为swing,并且以恒定的速度前进,称为 linear.

    【讨论】:

    • 我认为“线性”是一个缓动参数
    • @NicolaPeluchetti,没错!恒定的步伐实际上意味着没有放松。
    【解决方案2】:

    只需省略缓动参数即可。

    【讨论】:

    • 如果省略,将使用默认值,即'swing'。
    【解决方案3】:

    取自文档:

    $('#clickme').click(function() {
      $('#book').animate({
        opacity: 0.25,
        left: '+=50',
        height: 'toggle'
      }, 5000, function() {
        // Animation complete.
      });
    });
    

    你只是不写缓动参数

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-08-07
      • 1970-01-01
      • 1970-01-01
      • 2012-08-11
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多