jQuery slideDown con facilitando
-
16-09-2019 - |
Pregunta
¿Cómo se puede utilizar la función slideDown () con alivio?
Tal vez extender de alguna manera?
Estoy buscando algo como esto:
jQuery.fn.slideDown = function(speed, easing, callback) {
return ...
};
Así que lo puedo usar deslice este Listado
$('.class').slideDown('400','easeInQuad');
o este Listado
$('.class').slideDown('400','easeInQuad',function(){
//callback
});
Solución
Tome un vistazo a esta página, que contiene muchas funciones de aceleración: http: // gsgd. co.uk/sandbox/jquery/easing/
El uso de ese plugin que puede hacer cosas como:
$(element).slideUp({
duration: 1000,
easing: method,
complete: callback});
Otros consejos
Puede utilizar el método animado con jQueryUI y la aliviar los efectos como esto:
$(".demo").animate({height: "hide"}, 1500, "easeInQuad", function(){});
Aliviar de entrada y salida:
$("#SignIn").click(function () {
$(".divSlideTop").slideDown({
duration: 1000,
easing: "easeInQuad"
});
});
$("#close").click(function () {
$(".divSlideTop").slideUp({
duration: 1000,
easing: "easeOutQuad"
});
});
Tener un vistazo a mi pluma demostración que fácil de usar $(element).slideUp({duration:1000});
$('.class').slideDown(400,'easeInQuad');
No Cotizaciones necesitar para numérico.
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow