jQuery слайд вниз с замедлением
-
16-09-2019 - |
Вопрос
Как использовать функцию слайдDown() с замедлением?
Может быть, как-то продлить?
Я ищу что-то вроде этого:
jQuery.fn.slideDown = function(speed, easing, callback) {
return ...
};
Так что я могу использовать это, слайд
$('.class').slideDown('400','easeInQuad');
или это
$('.class').slideDown('400','easeInQuad',function(){
//callback
});
Решение
Взгляните на эту страницу, которая содержит множество функций замедления: http://gsgd.co.uk/sandbox/jquery/easing/
Используя этот плагин, вы можете делать такие вещи, как:
$(element).slideUp({
duration: 1000,
easing: method,
complete: callback});
Другие советы
Вы можете использовать метод animate с jQueryUI и эффекты смягчения так:
$(".demo").animate({height: "hide"}, 1500, "easeInQuad", function(){});
Ослабление входа и выхода:
$("#SignIn").click(function () {
$(".divSlideTop").slideDown({
duration: 1000,
easing: "easeInQuad"
});
});
$("#close").click(function () {
$(".divSlideTop").slideUp({
duration: 1000,
easing: "easeOutQuad"
});
});
Взгляни на мою ручку Демо ты прост в использовании $(element).slideUp({duration:1000});
$('.class').slideDown(400,'easeInQuad');
Кавычки не нужны для числовых значений.
Не связан с StackOverflow