web-dev-qa-db-ja.com

イージング付きのjQueryslideDown

スライドダウン（）関数をイージングでどのように使用できますか？

多分それをどうにかして拡張しますか？

私はこのようなものを探しています：

jQuery.fn.slideDown = function(speed, easing, callback) {
  return ...
};

だから私はそれを使用してこれをスライドさせることができます

$('.class').slideDown('400','easeInQuad');

またはこれ

$('.class').slideDown('400','easeInQuad',function(){
   //callback
});
javascriptjqueryslidedown
12
Sindre Sorhus

多くのイージング関数が含まれているこのページを見てください： http://gsgd.co.uk/sandbox/jquery/easing/

そのプラグインを使用すると、次のようなことができます。

$(element).slideUp({
    duration: 1000, 
    easing: method, 
    complete: callback});
24
Seb

JQueryUIでanimateメソッドを使用すると、次のように 効果を緩和 できます。

$(".demo").animate({height: "hide"}, 1500, "easeInQuad", function(){});
14
RedWolves

イージングインとイージングアウト：

            $("#SignIn").click(function () {

                $(".divSlideTop").slideDown({
                    duration: 1000,
                    easing: "easeInQuad"
                });
            });

            $("#close").click(function () {

                $(".divSlideTop").slideUp({
                    duration: 1000,
                    easing: "easeOutQuad"
                });
            });
4
Nalan Madheswaran