jQuery slideDown avec l'assouplissement
-
16-09-2019 - |
Question
Comment utiliser la fonction slideDown () avec l'assouplissement?
étendre Peut-être en quelque sorte?
Je cherche quelque chose comme ceci:
jQuery.fn.slideDown = function(speed, easing, callback) {
return ...
};
Alors je peux l'utiliser glisser ce
$('.class').slideDown('400','easeInQuad');
ou ce
$('.class').slideDown('400','easeInQuad',function(){
//callback
});
La solution
Jetez un oeil à cette page, qui contient de nombreuses fonctions d'assouplissement: http: // gsgd. co.uk/sandbox/jquery/easing/
L'utilisation du plugin que vous pouvez faire des choses comme:
$(element).slideUp({
duration: 1000,
easing: method,
complete: callback});
Autres conseils
Vous pouvez utiliser la méthode avec Animer jQueryUI et effets assouplissement comme ceci:
$(".demo").animate({height: "hide"}, 1500, "easeInQuad", function(){});
Easing In et Out:
$("#SignIn").click(function () {
$(".divSlideTop").slideDown({
duration: 1000,
easing: "easeInQuad"
});
});
$("#close").click(function () {
$(".divSlideTop").slideUp({
duration: 1000,
easing: "easeOutQuad"
});
});
Jetez un oeil à ma plume Demo simple à utiliser $(element).slideUp({duration:1000});
$('.class').slideDown(400,'easeInQuad');
Citations pas besoin de numérique.
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow