Я хочу сделать слайд вниз с помощью jQuery, но я не могу найти его нигде.jQuery slide down toggle, невозможно?
я не хотите, чтобы scale as it slides
Я хочу, чтобы выполнить this action (нажмите слайд), но и по вертикали вниз, а не горизонтально вправо.
UPDATE:
Так вот окончательный функциональный код!
$(this).toggle(
"slide",
{
direction: 'up',
duration: 'slow',
easing: 'easeOutQuart'
}
);
Прочитайте API-Docs: http://docs.jquery.com/UI/Effects/Slide
Вы можете скользить в любом направлении, используя направление-вариант.
Демо: http://www.jsfiddle.net/doktormolle/befbE/ (я установить ширину/высоту изображения внутри скользящего элемента на 100%, так что вы можете видеть, изображение не масштабируется, он обрезается, думаю, что это то, что вы ищете)
+1000! ах! просто то, что я искал, obv тоже ускользает от всех! –
+1000 больше за то, что вы смешно и бросаете мой фото, хахаха! –
Я все еще думаю, что это было бы допинг, если бы это была функция цепи переключения tho .. hmm –
Если вы хотите его делают собственный ур вас, вы можете использовать .animate() и вы с помощью CSS.
что-то вроде:
CSS:
#elm { width: 150px; height: 80px; position: absolute; left: -150px; }
сценарий:
// let it animate
$('#elm').animate({ display: 'block', left: 0 }, 'fast');
еще, если вы не хотите сделать это по своему усмотрению, использовать это 'горки' JQuery UI эффекта?
Я знаю, что вы имеете в виду - элементы внутри DIV или все, что вы оживляете, выглядят так, как будто они раздаются, а затем расширяются.
Возможно, подумайте о том, чтобы спрятать элемент за другим и либо переместить маскирующий элемент вверх, либо в сторону или сместить скрытый элемент вниз, используя .animate()?
jQuery .click .animate to move down, then back up
Это может помочь.
Спасибо, но не изящно - я рад, что знаю, что я имею в виду, но я не понимаю, как другие его иногда не видят: O –
Нет, это не идеально, вы могли бы изучить свои собственные методы для этого в лучшем виде. – diagonalbatman
Вы можете легко достичь этого с помощью внутреннего контейнера с фиксированными размерами.
See this live example. В скрипке первый div без внутреннего контейнера.
Этот способ, когда внешний контейнер оживляет (ширина/высота), внутренний контейнер не растет, просто показывает.
Похоже, что он растет из-за угла: \ –
Теория одинакова для всех анимаций. Я просто использовал шоу, которое делает ширину/высоту/непрозрачность. –
Извините, но полностью не мой вопрос –
Если вы разместите элемент абсолютно в контейнере и прикрепите его к нижней части (то есть position:absolute;bottom:0;), вы можете использовать эффект слепых, и он будет скользить вниз. См here
Это выглядит очень близко! но как мне его открыть/скрыть, и может ли это быть так легко, как может быть? .verticalSlideToggle() " –
Обратите внимание на нижнюю часть наконечника 10 - http://see.weareinto.com/3tln –
@Kirk Strobeck: [[ это] (http://jsfiddle.net/UvxNd/2/), что вы хотите? –
Рассмотрим ваше изображение из высоты 150px
Сначала нанесите высота = "0"
Использование анимировать для достижения скользят вниз эффект
<img src="http://www.google.com/images/nav_logo29.png" id="image_scale" width="200" height="0" />
<script>
$(document).ready(function(){
$("#image_scale").animate({height:"150px"},"5000");
});
</script>
Это по определению SCALING: \ Я хочу, чтобы он скользил вниз, а не уменьшался, см. Вопрос - Спасибо, хотя! –
Абсолютно позиционируйте элемент, который вы хотите вставлять и выходить и использовать.animate(), чтобы изменить его положение. Вы можете задвинуть его сверху, снизу, влево, вправо, по диагонали или, как вы хотите, с помощью этого метода.
Могу ли я увидеть пример? проверьте это http://jsfiddle.net/UvxNd/ –
slideDown не масштабируется по мере его скольжения. Я не понимаю, о чем вы просите. – Mark
Вы шутите? даже на графике в документации показан эффект масштабирования http://see.weareinto.com/3tTu –
use: .animate ({height: "toggle"}, 300); –