jQuery slideDown con allentamento
-
16-09-2019 - |
Domanda
Come si può utilizzare la funzione slideDown () con allentamento?
Forse estendere in qualche modo?
Sto cercando qualcosa di simile:
jQuery.fn.slideDown = function(speed, easing, callback) {
return ...
};
Così posso usarlo scorrere questo
$('.class').slideDown('400','easeInQuad');
o del presente
$('.class').slideDown('400','easeInQuad',function(){
//callback
});
Soluzione
Date un'occhiata a questa pagina, che contiene molte funzioni di andamento: http: // gsgd. co.uk/sandbox/jquery/easing/
Utilizzando che si plugin può fare cose come:
$(element).slideUp({
duration: 1000,
easing: method,
complete: callback});
Altri suggerimenti
È possibile utilizzare il metodo animato con jQueryUI e il alleviare gli effetti in questo modo:
$(".demo").animate({height: "hide"}, 1500, "easeInQuad", function(){});
Facilitare In e Out:
$("#SignIn").click(function () {
$(".divSlideTop").slideDown({
duration: 1000,
easing: "easeInQuad"
});
});
$("#close").click(function () {
$(".divSlideTop").slideUp({
duration: 1000,
easing: "easeOutQuad"
});
});
Dai un'occhiata alla mia penna Demo si semplice da usare $(element).slideUp({duration:1000});
$('.class').slideDown(400,'easeInQuad');
Non Quotes necessità di numerico.
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow