Najnowsze tutoriale tworzenie stron internetowych
 

jQuery Mobile przejścia


Komórka zawiera efekty jQuery CSS3, które pozwala wybrać sposób, w jaki strona powinna otworzyć.


jQuery Telefony Efekty przejścia

jQuery Mobile ma różne skutki dla jak przejście z jednej strony do drugiej.

Uwaga: Aby osiągnąć efekt przejścia, przeglądarka musi obsługiwać CSS3 3D Przekształca:

12.0 10.0 16.0 4.0 15.0

Liczby w tabeli określ pierwszą wersję przeglądarki, który w pełni obsługuje przekształceń 3D.

Efekt przejścia można stosować do dowolnego łącza lub składania formularza za pomocą atrybutu danych przejściowy:

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

Poniższa tabela przedstawia dostępne przejścia, które mogą być używane z atrybutem danych przejściowego dla obu stron i okien dialogowych:

Przejście Opis W przypadku stron Dla Dialogi
fade Zaniedbanie. Przebarwia się na następnej stronie Spróbuj Spróbuj
flip Odwraca się do następnej strony od tyłu do przodu Spróbuj Spróbuj
flow Zgłasza bieżącą stronę dalej i przychodzi z następnej stronie Spróbuj Spróbuj
pop Przechodzi do następnej strony jak okienko Spróbuj Spróbuj
slide Slajdy do następnej strony od prawej do lewej Spróbuj Spróbuj
slidefade Szkiełka od prawej do lewej i zanika w następnej stronie Spróbuj Spróbuj
slideup Slajdy do następnej strony od dołu do góry Spróbuj Spróbuj
slidedown Slajdy do następnej strony od góry do dołu Spróbuj Spróbuj
turn Włącza do następnej strony Spróbuj Spróbuj
none Brak efektu przejścia Spróbuj Spróbuj

Efekt blaknięcie jest domyślna na wszystkich połączeniach w jQuery Mobile (jeżeli wsparcie to przeglądarka).

Wskazówka: Wszystkie powyższe efekty odwrotne również wspierać działania / do tyłu, na przykład, jeśli chcesz strona ślizgać się od lewej do prawej, zamiast prawej do lewej strony, użyj atrybutu danych w kierunku z wartością "reverse" .

Przykład

<a href="#pagetwo" data-transition="slide" data-direction="reverse" >Slide</a>
Spróbuj sam "