tutorial pengembangan web terbaru
 

jQuery Mobile contoh


jQuery Pages Ponsel

Sebuah halaman web mobile dasar
beberapa halaman
Kotak dialog

contoh menjelaskan


jQuery Transisi Ponsel

efek Fade
efek Flip
mengalir efek
efek pop
efek Slide
efek Slidefade
efek slideUp
efek slidedown
mengubah efek
Tidak ada efek transisi
efek terbalik

contoh menjelaskan


Tombol jQuery Mobile

Membuat tombol
tombol inline
tombol dikelompokkan
tombol kembali
Mengubah tombol warna
Tombol dengan atau tanpa sudut yang dibulatkan
Tombol ukuran kecil atau biasa
Tombol dengan atau tanpa bayangan

contoh menjelaskan


jQuery Mobile Tombol Ikon

Tambahkan ikon untuk tombol
Tambahkan lebih banyak ikon (ikon diperkenalkan dalam versi 1.4)
ikon positioning
Hanya menampilkan ikon
Lepaskan lingkaran (disc) Mengubah ikon warna

contoh menjelaskan


jQuery Mobile Popup

Buat popup dasar
Tambahkan padding dan margin popup
Tutup popup dengan tombol tutup tepat
Tutup popup dengan tombol tutup kiri
Popup Undismissible
popup positioning
transisi popup
Arrows popup
dialog popup
foto popup

contoh menjelaskan


jQuery Toolbars Ponsel

Membuat header dan footer
Menambahkan tombol pada header
Menambahkan tombol ke sisi kiri di header
Menambahkan tombol ke sisi kanan di header
Footer dengan tombol
Footer dengan tombol pusat sejajar
Footer dengan tombol horizontal dikelompokkan
Inline posisi - header dan footer inline dengan konten halaman
Posisi tetap - header dan footer akan tetap diposisikan di atas dan bawah halaman
Posisi fullscreen - header dan footer tetap diposisikan di bagian atas dan bawah, tetapi juga atas konten halaman

contoh menjelaskan


Bar jQuery Mobile Navigasi

Buat bar navigasi
Ikon di tombol navigasi
Navigasi bar di konten
Navigasi bar di footer
Tambahkan yang dipilih (ditekan) mencari tombol di menu bar
Tambahkan yang dipilih (ditekan) terlihat terus-menerus
Ikon Positioning: top keselarasan
Posisi ikon: keselarasan yang tepat
Posisi ikon: keselarasan bawah
Posisi ikon: keselarasan kiri
Sebuah demonstrasi 10 tombol di bar navigasi

contoh menjelaskan


jQuery Mobile Panel

Buat panel dasar
Sebuah panel dengan tombol tutup
Mengubah tampilan panel
Posisi yang tepat panel
Posisi panel tetap

contoh menjelaskan


jQuery Mobile Collapsibles

Membuat blok dilipat konten
Memperluas konten ketika beban halaman
Blok dilipat bersarang
Set dilipat (akordeon)
Hapus sudut membulat pada collapsibles
Membuat collapsibles kecil
Mengubah ikon dari collapsibles
Ubah posisi ikon collapsibles

contoh menjelaskan


Tabel jQuery Mobile

Membuat tabel reflow
Membuat tabel kolom beralih
Mengubah tombol meja beralih teks
Tambahkan bayangan ke meja
Menambahkan batas bawah untuk semua baris tabel
Menambahkan background-color untuk semua baris tabel

contoh menjelaskan


jQuery Mobile Grids

Tata letak dua kolom
Tata letak tiga kolom
Tata letak empat kolom
Tata letak lima kolom
menyesuaikan grid
Beberapa baris dalam kolom

contoh menjelaskan


Daftar jQuery Mobile

Buat tampilan daftar
Views daftar dengan sudut membulat
pembagi daftar
Autodividers
Buat read-only daftar
Masukkan panel ke daftar item
Icon tautan Ubah default untuk item daftar
Tambahkan ikon untuk daftar item
Tambahkan thumbnail untuk daftar item
Menambahkan elemen HTML untuk mengisi daftar item dengan informasi
Membuat daftar dengan tombol perpecahan
Membuat daftar item lebih fungsional
Menciptakan gelembung count
daftar popup
daftar dilipat
Daftar popup dilipat
Lebar penuh daftar dilipat
Membuat kalender

contoh menjelaskan


Filter jQuery Mobile

Buat kolom pencarian untuk daftar
Mengubah teks dalam kolom pencarian
Filter khusus
Menyaring daftar dilipat
Filter tabel
Menyaring elemen <div>

contoh menjelaskan


Bentuk jQuery Mobile

input teks
Menambahkan ikon di tombol masukan
Menambahkan tombol "jelas" di input
text area
masukan pencarian
tombol radio
centang
Tombol radio kelompok dan checkbox horizontal
Kontainer lapangan dengan tombol radio dan checkbox
Pre-pilih tombol radio / checkbox
Tempatkan formulir di dalam popup
Mencegah jQuery Mobile untuk secara otomatis gaya elemen disadap
Buat pilih menu
Buat pilih menu dengan pembagi (optgroup)
Kustom pilih menu
Memilih beberapa pilihan di pilih menu
Menu seleksi kelompok
Menu seleksi kelompok horizontal
Menu pilihan Mengecilkan
Pre-pilih opsi
Pilihan popup
bentuk dilipat
Mengubah pilih standar ikon
Mengubah posisi ikon
Membuat kontrol slider
Tampilkan nilai pada tombol slider
Membuat nilai popup pada layar sebagai pengguna geser
Sorot trek sampai nilai slider
Kisaran slider (dual)
Buat switch sandal beralih
Mengubah teks pada tombol sandal
Pre-pilih switch sandal
Gaya saklar sandal

contoh menjelaskan


jQuery Mobile Themes

Tema "a"
Tema "b"
Header theming dan footer
dialog theming
tombol theming
ikon theming
popup theming
Tombol theming di header dan footer
Navigasi theming bar
panel theming
Theming tombol dilipat dan konten
daftar theming
Tombol theming perpecahan
Theming daftar dilipat
bentuk theming
Theming bentuk dilipat
menyesuaikan tema

contoh menjelaskan


jQuery Mobile Acara

acara Tap
acara Taphold
acara Gesek
acara Swipeleft
acara Swiperight
acara Scrollstart
acara Scrollstop
Orientationchange acara - orientasi Siaga
Orientationchange acara - Mengatur gaya yang berbeda untuk portrait dan landscape
Peristiwa halaman inisialisasi
Peristiwa buka halaman
Peristiwa halaman transisi

contoh menjelaskan