я должен скользить DIV вниз, а затем вверх по событию, как я могу это сделать в Java ScriptДИВ слайд эффект
ответ
Update I created this demo for you :)
Вы можете сделать это легко с slideToggle() функция JQuery:
<div id="hello">Hello World</div>
<a href="#" id="link">Toggle Div</a>
JQuery:
$(function(){
$('#link').click(function(){
$('#hello').slideToggle();
return false;
})
});
Я рекомендую вам проверить jQuery/UI/Effects/Slide.
, но я хочу использовать его просто javascript – vakas
Нет простого способа сделать это без использования библиотеки jQuery. Использование jQuery на самом деле сделает вещи очень простыми, в то время как ваш собственный код для этого будет очень сложным в сравнении. –
Я согласен с вашим ответом, но стоит отметить, что для слайдов вверх/вниз ему не нужен пользовательский интерфейс jQuery, только ядро jQuery будет делать. –
Очень рекомендую посмотреть на какой JQuery или другой Java-библиотека делает, (может быть, даже AJAX управления инструментарий для .NET, которая имеет компоненты JS) и проверьте файл JS, и повторить эту функцию самостоятельно ...
Я скажу, что, вероятно, не так просто воспроизвести себя, а это значит, что логика довольно сложная.
HTH.
- 1. JQuery слайд-ДИВ
- 2. слайд-шоу, слайд эффект
- 3. Эффект extjs (слайд-слайд)
- 4. JQuery слайд-эффект и плавающие элементы
- 5. JQuery DIV парение слайд эффект
- 6. Эффект слайд-шоу
- 7. JavaScript JQuery слайд-эффект
- 8. слайд эффект JQuery в
- 9. Эффект слайд-шоу Javascript
- 10. Слайд-эффект на TextBlock
- 11. Эффект панели слайд-эффекта
- 12. слайд-эффект jQuery
- 13. слайд-эффект с JPanel
- 14. фоновое изображение слайд эффект
- 15. JQuery Слайд-шоу Слайд-эффект слева направо
- 16. Кассовый слайд вверх/слайд вниз эффект
- 17. Как добавить эффект слайд-шоу?
- 18. jQuery: слайд-эффект/поворот слайдов
- 19. Эффект слайд-перехода для отзывов
- 20. Слайд-эффект мерцает с слайдамиJS
- 21. JQueryUI «слайд» эффект не работает
- 22. слайд вниз эффект на мобильный
- 23. Эффект слайд-шоу в iphone
- 24. JQuery слайд-эффект с mouseclick
- 25. Script ДИВ показать/скрыть слайд анимации
- 26. JQuery слайд Inner ДИВ справа налево
- 27. Jquery слайд-ДИВ половина страницы только
- 28. Слайд-эффект справа с чистым CSS
- 29. Встроенный слайд-эффект с использованием JQuery UI
- 30. Эффект jquery flyout «слайд», кажется, растет.
Вы не можете сделать это просто с помощью ванильного javascript, но большинство общих фреймворков имеют простой способ сделать это. –
@vakas: см. Мой обновленный ответ, пожалуйста. – Sarfraz