Latest web development tutorials

JQuery Мобильный Переход

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">切换到第二个页面</a>

В следующей таблице приведены данные-переход за счет использования доступных свойств для переключения страницы:

переход описание страница диалог
увядать По умолчанию. Fade к следующей странице пробовать пробовать
флип С флип вперед к следующей странице пробовать пробовать
поток Выдает эту страницу на следующую страницу пробовать пробовать
поп Как и всплывающие окна, которые выходят на следующей странице. пробовать пробовать
слайд Размах от права на следующей странице. пробовать пробовать
slidefade Проведите влево и вправо, чтобы исчезнуть на следующей странице. пробовать пробовать
slideup Слайд снизу вверх к следующей странице. пробовать пробовать
slidedown Сверху вниз, слайда к следующему. пробовать пробовать
поворот Включите следующую страницу. пробовать пробовать
никто Эффект перехода не используется. пробовать пробовать

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

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

примеров

<a href="#pagetwo" data-transition="slide" data-direction="reverse" >切换</a>

Попробуйте »