Последние учебники веб-разработки
 

jQuery Mobile Переходы


JQuery Mobile включает в себя CSS3 эффекты, которые позволяет вам выбрать путь страницы следует открыть.


Jquery Мобильные эффекты перехода

JQuery Mobile имеет множество эффектов для того, как переход от одной страницы к другой.

Примечание: Для достижения эффекта перехода, браузер должен поддерживать CSS3 3D - преобразования:

12.0 10.0 16.0 4.0 15.0

Числа в таблице указать первую версию браузера, которая полностью поддерживает 3D-преобразования.

Эффект перехода может быть применен к любой линии или формы представления с помощью атрибута данных перехода:

<a href="#anylink" data-transition="slide" >Slide to Page Two</a>

В таблице ниже приведены доступные переходы, которые могут быть использованы с атрибутом данных перехода для обеих страниц и диалоговых окон:

переход Описание Для страниц Для Диалоги
fade По умолчанию. Исчезает к следующей странице Попробуй Попробуй
flip Переворачивается на следующую страницу от задней стенки к передней Попробуй Попробуй
flow Выдает текущую страницу прочь и приходит со следующей страницы Попробуй Попробуй
pop Переход к следующей странице, как всплывающее окно Попробуй Попробуй
slide Слайды к следующей странице справа налево Попробуй Попробуй
slidefade Слайды справа налево и замирает на следующей странице Попробуй Попробуй
slideup Слайды к следующей странице снизу вверх Попробуй Попробуй
slidedown Слайды к следующей странице сверху вниз Попробуй Попробуй
turn Поворачивается к следующей странице Попробуй Попробуй
none Нет эффекта перехода Попробуй Попробуй

Выцветания эффект по умолчанию на все ссылки в JQuery Mobile (если поддержка браузера это).

Совет: Все эффекты выше также поддерживают обратные действия / назад, например , если вы хотите, чтобы страница скользить слева направо, а справа налево, использовать атрибут данных направления со значением "reverse" .

пример

<a href="#pagetwo" data-transition="slide" data-direction="reverse" >Slide</a>
Попробуй сам "