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> Попробуй сам "