jQuery slideDown com flexibilização
-
16-09-2019 - |
Pergunta
Como pode usar a função slideDown () com facilitando?
Talvez estendê-lo de alguma forma?
Eu estou procurando algo como isto:
jQuery.fn.slideDown = function(speed, easing, callback) {
return ...
};
Então eu posso usá-lo deslizar neste
$('.class').slideDown('400','easeInQuad');
ou este
$('.class').slideDown('400','easeInQuad',function(){
//callback
});
Solução
Dê uma olhada nesta página, que contém muitas funções de atenuação: http: // gsgd. co.uk/sandbox/jquery/easing/
Usando esse plugin que você pode fazer coisas como:
$(element).slideUp({
duration: 1000,
easing: method,
complete: callback});
Outras dicas
Você pode usar o método animado com jQueryUI eo efeitos de suavização assim:
$(".demo").animate({height: "hide"}, 1500, "easeInQuad", function(){});
Facilitando In and Out:
$("#SignIn").click(function () {
$(".divSlideTop").slideDown({
duration: 1000,
easing: "easeInQuad"
});
});
$("#close").click(function () {
$(".divSlideTop").slideUp({
duration: 1000,
easing: "easeOutQuad"
});
});
Tenha um olhar em minha caneta Demonstração você simples de usar $(element).slideUp({duration:1000});
$('.class').slideDown(400,'easeInQuad');
Cotações não precisa para numérico.
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow