Эффект Слайда. Slide Effect.
Описание: Скольжение элемента из области видимости.Description: Slides the element out of the viewport.
Теория
Тесты по теории можно посмотреть здесь.
• slide
◦ direction (default: "both")
Type: String (Строка)
The direction of the effect. Possible values: "left", "right", "up", "down".
Направление эффекта. Возможные значения: "left" (лево), "right" (право), "up" (верх), "down" (низ).
◦ distance (default: element's outerWidth) :: расстояние (по умолчанию внешняя ширина элемента)
Type: Number (Число)
The distance of the effect. Defaults to either the height or width of the elemenet depending on the direction argument. Can be set to any integer less than the width/height of the element.
Расстояние (размер) эффекта. По умолчанию высота или ширина элемента, в зависимости от направления аргумента. Может быть установлено на любое целое число, меньшее, чем ширина/высота элемента.
Example: (Пример: )
Example: Toggle a div using the slide effect.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | <!doctype html> < html lang = "en" > < head > < meta charset = "utf-8" > < title >slide demo</ title > < style > #toggle { width: 100px; height: 100px; background: #ccc; } </ style > </ head > < body > < p >Click anywhere to toggle the box.</ p > < div id = "toggle" ></ div > < script > $( document ).click(function() { $( "#toggle" ).toggle( "slide" ); }); </ script > </ body > </ html > |
Этот пример можно посмотреть здесь.